Search Results for "system design"
Sort By:
Showing 54 open source projects for "system design"
View related business solutions-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
1
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. ... -
2
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. ... -
3
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... -
4
NG-MATERO
Angular Material admin template
Ng-Matero is an Angular admin template made with Material components. -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
5
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. ... -
6
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. -
7
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. -
8
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. ... -
9
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... -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
10
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. -
11
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. ... -
12
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. ... -
13
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. -
14
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.... -
15
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. -
16
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. -
17
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. ... -
18
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... -
19
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. -
20
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... -
21
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... -
22
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. -
23
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. ... -
24
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... -
25
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...
