Search Results for "system design"
Sort By:
Showing 607 open source projects for "system design"
View related business solutions-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
1
System Design
Learn how to design systems and prepare for system design interviews
This project is an open, course-style repository designed to help you learn system design from fundamentals through advanced, interview-ready thinking. It organizes core networking and distributed-systems concepts into a structured path, so you can build intuition before jumping into “design X” exercises. It covers the building blocks that show up in real architectures, such as DNS, load balancing, caching, CDNs, proxies, scalability and availability tradeoffs, and storage patterns, then connects those pieces to larger system goals. ... -
2
System Design Primer
Learn how to design large-scale systems
System Design Primer is a curated, open source collection of resources that helps engineers learn how to design large-scale systems. The project is structured as a comprehensive guide covering core system design concepts, trade-offs, and patterns necessary for building scalable, reliable, and maintainable systems. It offers both theoretical foundations—such as scalability principles, the CAP theorem, and consistency models—and practical exercises, including real-world system design interview questions with sample solutions, diagrams, and code. ... -
3
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. ... -
4
Carbon Design System
A design system built by IBM
Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors. The component libraries give developers a collection of reusable components for building websites and user interfaces. -
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
Salesforce Lightning Design System
Salesforce Lightning design system
...SLDS lets you focus on the big picture to deliver the best possible user experience. Manage design at scale, with a living design system that evolves as needs change. SLDS keeps apps, interfaces, and tools consistent no matter how fast the system grows. SLDS saves time and energy, freeing designers and developers to focus on larger issues of usability and meaning. Standardized, reusable components support collaboration, reinforce branding, and provide a consistent look and user experience. -
6
Interface Design
Design engineering for Claude Code
Interface Design is a Claude Code plugin and design-engineering toolkit that helps developers and designers retain consistent UI design decisions across sessions by codifying design principles and remembering them for future use. It’s built around the idea that when building UI (dashboards, apps, admin panels), design decisions like spacing, colors, depth, and component patterns can drift over time, so Interface-Design captures and stores those decisions in a system MD file that’s loaded automatically each session. ... -
7
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. ... -
8
Singapore Government Design
Framework that provide a beautiful common visual language and UX
The Singapore Government Design System was developed to empower teams to create fast, accessible, and mobile-friendly digital services. SGDS components makes use of bootstrap v5.1.3 js library as an external dependency. If you only need the visual parts of SGDS, or if you are using frontend frameworks like React, you do not need to import this. -
9
Tailwind CSS
A utility-first CSS framework for rapid UI development
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design system. Because Tailwind is so low-level, it never encourages you to design the same site twice. ... -
Application Monitoring That Won't Slow Your App DownFull APM with errors, performance, logs, and uptime monitoring. 99.999% uptime SLA on the platform itself.
-
10
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. ... -
11
GoFrame
GoFrame is a modular, powerful, high-performance development framework
GoFrame is a modular, powerful, high-performance, and enterprise-class application development framework of Golang. Modular, loosely coupled design, rich components, out-of-the-box, automatic codes generating for efficiency, simple and easy to use, detailed documentation, interface designed components, with high scalability, fully supported tracing and error stack feature, specially developed and powerful ORM component. Robust engineering design specifications, convenient development CLI... -
12
Orchis theme
Material Design theme for GNOME/GTK based desktop environments
Orchis-theme is a polished, Material Design–inspired GTK theme for GNOME and other GTK-based Linux desktop environments that gives your system a modern, unified visual style with soft gradients, consistent icons, and refined widget styling. It’s built to bring a high-quality aesthetic to applications, menus, dialogs, and control elements, making desktops feel more cohesive and attractive compared to default themes. -
13
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... -
14
UI UX Pro Max
AI SKILL that provide design intelligence
...The project also includes CLI tooling and template generators that streamline scaffold creation and design system persistence across sessions. -
15
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... -
16
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. -
17
Frontend Slides
Create beautiful slides on the web using Claude's frontend skills
Frontend Slides is a lightweight tool that enables users to create visually appealing, animation-rich web presentations without requiring knowledge of CSS or JavaScript by leveraging a guided, interactive workflow. It operates on a “show, don’t tell” philosophy, generating visual previews of styles so users can select their preferred design rather than describing it abstractly. The system produces fully self-contained HTML presentations with inline CSS and JavaScript, eliminating the need for external dependencies, build tools, or frameworks. It also supports converting existing PowerPoint files into web-based presentations while preserving content such as images, text, and structure. ... -
18
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. ... -
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
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. -
21
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. -
22
NG-MATERO
Angular Material admin template
Ng-Matero is an Angular admin template made with Material components. -
23
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. ... -
24
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. ... -
25
GRUB2 THEMES
Modern Design theme for Grub2
GRUB2 THEMES is an open-source collection of modern, visually appealing themes for the GRUB2 bootloader that enhance the graphical interface users see during system boot on Linux machines. Instead of the plain default GRUB menus, this project offers a set of sleek theme variants with custom backgrounds, icons, layouts, and resolutions that bring a more polished aesthetic to the early boot experience. Installation scripts provided in the repository automate applying themes to a system’s GRUB...
