Search Results for "system design"
Sort By:
Showing 201 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.
-
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
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
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. -
4
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. ... -
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
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
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. -
7
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. -
8
WhiteSur Icon Theme
MacOS Big Sur style icon theme for linux desktops
...Installation scripts provide easy methods to deploy the icons into your system or local user directory, and options let you tweak the icon style or destination. Because it mimics a well-known visual design, it’s particularly popular among users who want to bring macOS-like polish to their Linux desktops without sacrificing performance. -
9
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. ... -
Add Two Lines of Code. Get Full APM.Works out of the box for Rails, Django, Express, Phoenix, and more. Monitoring exceptions and performance in no time.
-
10
FineTune
FineTune, a macOS menu bar app to control volume for each app
FineTune is a macOS menu bar application that gives users fine-grained control over system audio by allowing them to adjust volume levels for individual applications independently, route audio streams to different output devices, and apply personalized equalizer settings. It fills a gap in macOS audio control by providing more advanced routing and audio shaping capabilities than the default system controls, making it useful for power users, audio professionals, and anyone needing precise... -
11
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. -
12
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... -
13
NG-MATERO
Angular Material admin template
Ng-Matero is an Angular admin template made with Material components. -
14
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. ... -
15
Tela Icon Theme
A flat colorful Design icon theme
Tela Icon Theme is a flat, colorful icon theme for Linux desktops that brings a bright, vibrant, and cohesive set of icons to your system’s application launchers, file managers, and UI elements. The theme focuses on clarity and consistency, using simplified shapes and a harmonious color palette to make desktop visuals more appealing and user-friendly. It includes a wide range of scalable icons for applications, system components, and common actions, ensuring coverage across many use cases.... -
16
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... -
17
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... -
18
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. -
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
Haze
Background blurring for Compose Multiplatform
...It introduces a flexible styling system where developers can define blur intensity, masking, and opacity dynamically using composable scopes. One of its standout features is support for progressive blurring, where blur intensity changes across a gradient, creating more visually refined effects. It also includes prebuilt “material” styles inspired by platforms like iOS and Windows, enabling developers to replicate native design aesthetics. -
21
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. ... -
22
WhiteSur GTK Theme
MacOS like theme for all gtk based desktops
WhiteSur-gtk-theme brings a macOS Big Sur–inspired look to Linux desktops by providing a polished GTK theme with light and dark variants, rounded shapes, and refined translucency. It includes assets and installer scripts to apply the theme across GTK applications and desktop shells that support GTK theming, aiming for a cohesive, high-contrast interface. The project pays attention to details like window controls, titlebars, selection states, and widget hover effects so apps feel consistent... -
23
jekyll-import
The "jekyll import" command for importing from various blogs to Jekyll
Import your old & busted site or blog for use with Jekyll. No importer for your system? No problem. Creating one is easy. -
24
Fluent UI
Implements Microsoft's WinUI3 in Flutter
fluent_ui brings Microsoft’s Fluent Design System to Flutter, providing a comprehensive set of widgets that match the look and feel of Windows apps. It includes navigation patterns such as NavigationView, along with inputs, dialogs, menus, toolbars, and status elements crafted to Fluent’s layout and interaction guidelines. The package pays close attention to theming, typography, and control states, so hover, focus, pressed, and disabled behaviors feel native on desktop. ... -
25
Menubar Electron
High level way to create menubar desktop applications with electron
Menubar Electron is a lightweight JavaScript library for creating desktop applications with persistent menu bar (Mac) or system tray (Windows/Linux) icons/interfaces, allowing developers to build utility apps that live in the user’s system bar and open a small window or popup when clicked. It serves as a wrapper around frameworks like Electron or Node GUI backends, abstracting common tasks such as positioning the popup window, handling click events, and integrating native tray interactions...
