Showing 54 open source projects for "system design"

View related business solutions
  • Gemini 3 and 200+ AI Models on One Platform Icon
    Gemini 3 and 200+ AI Models on One Platform

    Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

    Build generative AI apps with Vertex AI. Switch between models without switching platforms.
    Start Free
  • Go from Code to Production URL in Seconds Icon
    Go from Code to Production URL in Seconds

    Cloud Run deploys apps in any language instantly. Scales to zero. Pay only when code runs.

    Skip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
    Try it free
  • 1
    Vibe Design System

    Vibe Design System

    Official monday.com UI resources for application development in React

    Vibe Design System is monday’s official open source design system and UI library for building React applications that look and feel native to the platform. It bundles a set of React component packages, design tokens, and styling primitives that promote consistency in colors, typography, spacing, and interaction patterns. It includes comprehensive documentation, a component catalog, and an interactive playground so developers and designers can explore components, review guidelines, and experiment with layouts before using them in production. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 2
    Ant Design Vue

    Ant Design Vue

    An enterprise-class UI components based on Ant Design and Vue

    Enterprise-class UI components based on Ant Design and Vue. An enterprise-class UI design system for desktop applications. A set of high-quality Vue components out of the box. Shared Ant Design of React design resources. Modern browsers. v1.x support Internet Explorer 9+ (with polyfills). We recommend using npm or yarn to install, it not only makes development easier but also allows you to take advantage of the rich ecosystem of Javascript packages and tooling. ...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 3
    Azure Data Studio

    Azure Data Studio

    A data management tool that enables working with other SQL tools

    Azure Data Studio is a cross-platform database tool for data professionals who use on-premises and cloud data platforms on Windows, macOS, and Linux. Azure Data Studio offers a modern editor experience with IntelliSense, code snippets, source control integration, and an integrated terminal. It's engineered with the data platform user in mind, with the built-in charting of query result sets and customizable dashboards. Use Azure Data Studio to query, design, and manage your databases and data...
    Downloads: 702 This Week
    Last Update:
    See Project
  • 4
    NG-MATERO

    NG-MATERO

    Angular Material admin template

    Ng-Matero is an Angular admin template made with Material components.
    Downloads: 2 This Week
    Last Update:
    See Project
  • Try Google Cloud Risk-Free With $300 in Credit Icon
    Try Google Cloud Risk-Free With $300 in Credit

    No hidden charges. No surprise bills. Cancel anytime.

    Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
    Start Free
  • 5
    Figma Code Connect

    Figma Code Connect

    A tool for connecting your design system components

    Figma Code Connect is an open-source tool that enhances collaboration between designers and developers by synchronizing design components with source code in real time. Instead of treating design files and codebases as separate artifacts, it creates a continuous link so when a designer updates a UI element in Figma, developers see corresponding code changes or annotations immediately, making handoffs more precise and frictionless. The system supports multiple frameworks and languages, enabling teams to generate usable code snippets, style values, and component metadata from visual designs without manual translation. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    Material Web

    Material Web

    Material Design Web Components

    @material/web is a library of web components that helps build beautiful and accessible web applications. It uses Material 3, the latest version of Google's open-source design system.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 7
    zag

    zag

    Finite state machines for building accessible design systems and UI

    ...Use your favorite styling solution and get it matching your design system. Finite state machines for building accessible design systems and UI components. Works with React, Vue and Solid.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 8
    NorthStar

    NorthStar

    Simplifies your work and ensures consistent, predictable experiences

    ...It simplifies your work and ensures consistent, predictable experiences at scale for your customers. With NorthStar, you can focus on innovation and do more with less. The design system to rapidly prototype intuitive, meaningful and accessible user experiences at scale. Whether you are a developer or designer, NorthStar will help you delight your customers from inception to Prototype. Your customers are the primary beneficiary of NorthStar. Using a shared design language, screen flows and standardized components means they can quickly understand how they should interact with new UI experiences and features, decreasing the effort associated with feature adoption and confusion. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    Material UI

    Material UI

    Comprehensive React component library that implements Material Design

    Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box. A meticulous implementation of Material Design; every Material UI component meets the highest standards of form and function. Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Fully Managed MySQL, PostgreSQL, and SQL Server Icon
    Fully Managed MySQL, PostgreSQL, and SQL Server

    Automatic backups, patching, replication, and failover. Focus on your app, not your database.

    Cloud SQL handles your database ops end to end, so you can focus on your app.
    Try Free
  • 10
    VARLET

    VARLET

    A Vue3 component library based on Material Design 2 and 3

    Varlet UI is a Material design component library developed based on Vue3, supporting mobile and desktop, developed and maintained by varletjs organization. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 11
    Vuesion

    Vuesion

    Vuesion is a boilerplate that helps product teams build faster

    Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design. The design system increases the collaboration process between design, engineering, and product management. Productive from day one - more time to solve pain points for your users rather than implementing common features. Community best practices support your team to maintain a clean codebase set up that forces testing best practices, a high test coverage and lots of example tests support an agile project management style. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    Magic Portfolio

    Magic Portfolio

    Build your timeless portfolio with Once UI's Magic Portfolio

    Magic Portfolio is a Next.js-based portfolio template built on the Once UI design system, designed to give developers and creatives a clean, timeless way to showcase their work. It provides a minimal, beginner-friendly setup that focuses on strong typography, responsive layouts, and restrained motion instead of heavy animations. Content is managed through a structured configuration and MDX-based content system, so you can define sections, projects, blog posts, gallery items, and about/CV information in code-backed content files. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    Master CSS

    Master CSS

    A markup-driven CSS language with enhanced syntax

    Efficiently build your UI and design system with HTML only. The styles are pre-configured and optimized, so you can build whatever you want right away. Master CSS provides various compilation modes, allowing you to choose according to the characteristics and needs of different projects. Want to rapidly add filter, transform, and grid ? We've provided shorthand values like scale(2), blur(5) to make it easier for you to implement modern CSS effects.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 14
    ARK

    ARK

    Unstyled, accessible UI components for your design System

    Ark is a headless UI component library designed to provide the foundational logic required to build scalable and accessible design systems for modern web applications. The project focuses on separating component behavior from visual styling so developers can implement their own design language without being constrained by predefined styles. Built on top of Zag.js state machines, Ark delivers predictable and robust component logic that works consistently across multiple JavaScript frameworks....
    Downloads: 1 This Week
    Last Update:
    See Project
  • 15
    GOV.UK Vue

    GOV.UK Vue

    A Vue 3 component library for GOV.UK Frontend and the GOV.UK Design

    GOV.UK Vue is a Vue 3 component library for GOV.UK Frontend. It enables you to build Vue apps based on the GOV.UK Design System.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    Chakra UI

    Chakra UI

    Chakra UI is a component system for building SaaS products with speed

    Chakra UI is a modern, accessible React component system designed for rapid development of design systems and web applications. It provides built-in theming, accessibility, and composability features. To use Chakra UI components, all you need to do is install the chakra-ui/react package and its peer dependencies. Works with Next.js RSC. Component system for building SaaS products with speed.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 17
    MDUI

    MDUI

    Develop Material Design web applications

    MDUI is beautiful, lightweight, and easy to use, it makes it easier for you to develop Material Design web applications. 19 main colors, 16 accent colors, 1-night theme, just add a CSS class to toggle. And supports automatic theme switching according to the operating system theme. CSS is only 32KB and JavaScript is only 19KB, which loads faster. All developed in TypeScript with perfect type hints. Mobile-first, gradually expand from small screen to large screen, and finally, realize all screen adaptation. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 18
    RuFlo

    RuFlo

    The leading agent orchestration platform for Claude

    RuFlo is a developer-focused tool designed to streamline workflows by combining automation, scripting, and AI-assisted processes into a cohesive command-driven interface. It enables users to execute complex sequences of tasks using concise commands, reducing manual effort and improving efficiency in development environments. The project emphasizes composability, allowing users to chain operations together and create reusable workflows tailored to their needs. Ruflo integrates with modern...
    Downloads: 12 This Week
    Last Update:
    See Project
  • 19
    react-resizable-panels

    react-resizable-panels

    React components for resizable panel groups/layouts

    ...It also supports snapping, collapsed states, and layout persistence so your app can remember user preferences between sessions. Because the API is component-based, you can nest groups, render custom panel contents, and style handles to match your design system. Under the hood, it keeps measurement logic reliable across reflows and React 18 rendering patterns, making it suitable for IDE-like UIs, data dashboards, and inspector panes.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    BRAID

    BRAID

    Themeable design system for the SEEK Group

    Braid aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility. In order to achieve this, Braid provides as a set of React components and CSS variable-based styling themes using vanilla-extract. As much as possible, we want Braid code to make sense to non-developers. We’re aggressively focused on the simplicity and composability of its API. Along with our work on Playroom, our goal is to empower designers and developers to...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    Webstudio

    Webstudio

    Open source website builder and Webflow alternative

    Webstudio is an open source visual development platform that enables developers, designers, and cross-functional teams to build modern websites through a powerful visual builder while maintaining full ownership of their data and infrastructure. The project positions itself as a Webflow alternative but emphasizes openness, portability, and deep control over the generated frontend code. It connects to any headless CMS and exposes the full power of CSS within a visual interface, allowing users...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 22
    ice

    ice

    The progressive framework based on React

    Simple and friendly front-end R&D system. Massive reusable materials, combined with R&D kits to quickly build front-end applications. Inspiring traditional design cognition combined with design trends, and deriving a new platform product design language. Provide a variety of vertical field templates and blocks, quickly create projects, support style switching, and meet individual needs.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    Rubick

    Rubick

    Electron based open source toolbox, free integration of rich plug-ins

    Based on the electron open-source toolbox, free integration of rich plug-ins, creates the ultimate desktop efficiency tool, Rubick is one of the heroes of Dota, The core skill is the ability to use other heroes as plug-ins, Finished the walk, Very consistent with the design concept of this tool, So named Rubick. Plug-in management is based on npm package mode, installing plugins is as easy as installing npm packages. Support system plug-ins, as long as rubick is running, plug-ins can be used at any time. Support global shortcut key settings. Support clipboard file search. Support searching for locally installed apps or preferences. ...
    Downloads: 17 This Week
    Last Update:
    See Project
  • 24
    Vuetify

    Vuetify

    Vue Component Framework

    Vuetify is a no design skills required Open Source UI Library with beautifully handcrafted Vue Components. Vuetify is an MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from the entire Core Team. Sponsor Vuetify and receive some awesome perks and support Open Source Software at the same time. Vuetify is a no-design-skills required UI Library with beautifully handcrafted Vue Components. No design skills are required, everything...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Ring UI

    Ring UI

    A collection of JetBrains Web UI components

    Ring-UI is a React component library created by JetBrains to provide a consistent, high-quality set of UI elements for building web applications with a polished and professional look and feel. It includes a comprehensive suite of components like buttons, dropdowns, modals, tabs, forms, tooltips, menus, and navigation elements that adhere to modern design principles and accessibility standards, making it easier for developers to deliver rich interactive experiences without reinventing core UI...
    Downloads: 4 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • 2
  • 3
  • Next
MongoDB Logo MongoDB