Search Results for "system design"
Sort By:
341 projects for "system design" with 2 filters applied:
-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
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
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. ... -
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
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
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. ... -
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
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... -
9
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. -
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.
-
10
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. -
11
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. ... -
12
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. -
13
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. -
14
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. ... -
15
PO UI
Angular component library
PO UI is an enterprise-focused Angular component library developed to accelerate the creation of business applications by providing a standardized set of UI components and design patterns. It is part of the PO UI ecosystem, which aims to simplify the development of administrative interfaces, dashboards, and enterprise systems with a consistent visual identity. The library includes a wide variety of components such as forms, tables, charts, and navigation elements that are tailored for... -
16
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.... -
17
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. -
18
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. -
19
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. -
20
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. ... -
21
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... -
22
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. ... -
23
CodeGuide
This repository is a collection of the author, Xiao Fuge
...The project serves as a structured and comprehensive learning path for developers who want to strengthen their understanding of Java fundamentals and core programming practices. It includes detailed explanations of design patterns, source code analysis, frameworks, algorithms, and real-world project cases. The repository emphasizes practical coding skills, providing examples that can be directly applied in professional software engineering. It also functions as a guide for both junior developers who want to grow into architects and experienced engineers who seek deeper mastery of system design. ... -
24
Element Plus
A Vue.js 3 UI Library made by Element team
...It is the successor to the widely used Element UI framework and has been fully rewritten in TypeScript to take advantage of Vue 3’s Composition API and modern tooling. The library offers a cohesive design system along with a large collection of components such as forms, tables, navigation elements, and data visualization tools, enabling developers to build complex interfaces efficiently. It supports multiple build systems and modern development environments, making it adaptable to different workflows and project setups. Element Plus also includes internationalization support, theming capabilities, and a strong emphasis on usability and accessibility. ... -
25
Symfony Demo Application
Symfony Demo Application
Symfony Demo is a reference application created by the Symfony community to showcase best practices and demonstrate how to build a modern web application using the Symfony framework. It features a blog-style website with user authentication, content management, and a clean, responsive design. The project serves as an educational tool for learning Symfony development, including configuration, routing, controllers, and templating.