Search Results for "system design"
Sort By:
380 projects for "system design" with 2 filters applied:
-
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.
-
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
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
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. ... -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
5
Zoo Design Studio
The Zoo Design Studio app
Zoo Design Studio is a modern CAD application that combines traditional graphical modeling with fully programmable design through code, creating a hybrid workflow for engineering and design. The platform treats all CAD artifacts as human-readable code, allowing designs to be version-controlled, diffed, and managed using standard software development tools like Git. -
6
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... -
7
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. ... -
8
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. ... -
9
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 Monitoring Tools in One APM. Install in 5 Minutes.AppSignal works out of the box for Ruby, Elixir, Node.js, Python, and more. 30-day free trial, no credit card required.
-
10
Yamada UI
React UI components of the Yamada, by the Yamada
Yamada UI is a modern React component library designed to provide a flexible and scalable design system for building web applications with a strong emphasis on developer experience and customization. It offers a wide range of accessible and reusable components that follow consistent design principles, enabling developers to create cohesive user interfaces. The library is built with TypeScript and integrates seamlessly with modern React ecosystems, supporting features such as theming, responsive design, and component composition. ... -
11
carbon-components-svelte
Svelte implementation of the Carbon Design System
Carbon Components Svelte is a Svelte-native implementation of IBM’s Carbon Design System, built to bring the structure, consistency, and scalability of a mature enterprise design system into Svelte applications. Rather than being a small collection of ad hoc widgets, it functions as a comprehensive component library intended to support design reuse, predictable development, and long-term extensibility across products. -
12
Reshaped
Professionally crafted React & Figma components
Reshaped is a professionally crafted design system and component library that bridges design and development by combining React components with a synchronized Figma library. It is designed to help teams build scalable, consistent user interfaces by providing a shared source of truth between designers and developers. The library includes a wide range of production-ready components, from basic inputs and buttons to more complex elements such as tables, calendars, and data visualization tools. ... -
13
Vaadin Framework
Vaadin 6, 7, 8 is a Java framework for modern Java web applications
...Vaadin comes with all the UI components, frameworks, and tools you need to build a reliable, secure, app with great UX. Research shows that good user experience (UX) increases employee engagement, helps digital transformations to succeed, and avoids costly mistakes. The Vaadin Design System provides UI components and UX patterns that help you build consistently good user experiences in every app. Better yet, you can use it to build a custom design system for your organization. Vaadin comes with 45+ UI components that help you build consistent UIs fast. The theme can be customized to match your brand. -
14
Vue DevUI
UI components based on Vue3 and DevUI Design
Vue DevUI is a comprehensive UI component library built specifically for Vue 3, designed to help developers create enterprise-grade applications with consistent design and high usability. It is based on the DevUI design system and provides more than 50 high-quality components that are flexible, easy to use, and optimized for modern frontend development. The library supports TypeScript and integrates seamlessly with tools like Vite and Nuxt3, making it suitable for both small projects and large-scale applications. ... -
15
Flowbite Svelte
Official Svelte components built for Flowbite and Tailwind CSS
Flowbite Svelte is an official UI component library that brings the Flowbite design system into the Svelte ecosystem, enabling developers to build modern web applications using reusable components powered by Tailwind CSS. The library provides a comprehensive collection of interactive elements such as modals, dropdowns, navigation bars, forms, and data display components, all implemented with Svelte’s reactive model rather than external JavaScript logic. -
16
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. -
17
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... -
18
Tailgrids
Open-source React UI library built with Tailwind CSS
...TailGrids components are designed with accessibility, responsiveness, and performance in mind, ensuring compatibility across devices and user needs. It also includes design system resources such as Figma files, which help bridge the gap between design and development workflows. With support for frameworks like React and Next.js, TailGrids is flexible and adaptable to various frontend stacks. -
19
Tamagui
Style React fast with 100% parity on React Native
...The framework provides a superset of the React Native styling API, allowing developers to write styles once and have them work consistently across environments. Tamagui also includes a full UI kit with both styled and unstyled components, enabling flexible design system creation. Its compiler performs advanced optimizations such as CSS extraction, tree flattening, and dead code elimination, reducing bundle size and improving rendering speed. The system includes robust theming capabilities with support for design tokens, responsive props, and dynamic themes like dark mode. -
20
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. ... -
21
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.... -
22
InkOS
Autonomous novel writing CLI AI Agent
InkOS is a multi-agent creative writing system designed to automate the production of long-form narrative content such as novels through coordinated AI workflows. The system organizes multiple specialized agents that collaborate in stages, including drafting, reviewing, editing, and refining text, with optional human checkpoints to ensure quality and coherence. Its architecture reflects a pipeline approach where each agent contributes a specific function, allowing iterative improvement rather than single-pass generation. ... -
23
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. -
24
Flowbite
The most popular and open-source library of Tailwind CSS components
...Explore the whole collection of over 58 open-source UI components and interactive elements built with the utility classes from Tailwind CSS and Flowbite. Get started with over 310+ block sections coded with Tailwind CSS and Flowbite to build high-quality website pages. Get started with the most advanced Figma Design System built for Tailwind CSS and Figma and upgrade your designer toolkit to the next level. Learn more about the Pro version of Flowbite which includes a Figma design kit based on the utility classes from Tailwind CSS and hundreds of coded pages and components including application UI. -
25
redshirt
Operating system
Redshirt is an experimental operating system written in Rust that explores new approaches to OS design by emphasizing asynchronous execution, message passing, and modularity. It is built around a microkernel-inspired architecture where components communicate through well-defined interfaces rather than relying on shared state. The system is designed to run on top of WebAssembly, using it as a portable and sandboxed execution layer for processes and services.
