Search Results for "system design"
Sort By:
Showing 136 open source projects for "system design"
View related business solutions-
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
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.
-
1
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. -
2
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... -
3
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. ... -
4
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. ... -
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
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. -
6
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. -
7
Cap CAPTCHA
The privacy-first, self-hosted CAPTCHA for the modern web
Cap is a privacy-first, self-hosted CAPTCHA system designed as a modern alternative to traditional third-party verification services. It replaces invasive tracking-based CAPTCHA solutions with a lightweight approach based on proof-of-work and client-side instrumentation. The system can be deployed independently, giving developers full control over user data and verification processes. -
8
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. -
9
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. ... -
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
10
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. -
11
MUI Core
React components for faster and easier web development
MUI Core (formerly Material-UI) consists of React components for faster and easier web development, with options for creating your own design system or starting with Material design. MUI components work without any additional setup, and don't pollute the global scope. -
12
ToaruOS
Hobby operating system, bootloader, kernel, drivers, C library
ToaruOS is a "complete" operating system for x86-64 PCs and experimental support for ARMv8. While many independent, hobby, and research OSes aim to experiment with new designs, ToaruOS is intended as an educational resource, providing a representative microcosm of functionality found in major desktop operating systems. The OS includes a kernel, bootloader, dynamic shared object linker, C standard library, its own composited windowing system, a dynamic bytecode-compiled programming language,... -
13
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. ... -
14
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. -
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
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... -
17
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. -
18
spartan
Cutting-edge tools powering Angular full-stack development
spartan is a modern, experimental full-stack toolkit designed to enhance Angular development by combining a flexible UI component system with a broader application stack. It is structured as a monorepo that includes both a UI library and a full-stack solution, enabling developers to build complete applications with consistent tooling and design patterns. One of its defining characteristics is its inspiration from libraries like shadcn/ui, emphasizing ownership of code rather than heavy abstraction, which allows developers to fully customize and extend their components. ... -
19
Radix Themes
Radix Themes is an open-source component library
Radix UI Themes is a pre-styled component library built on top of the Radix ecosystem that provides developers with ready-to-use UI components designed for fast development, accessibility, and long-term maintainability. Unlike Radix Primitives, which are intentionally unstyled, Radix Themes delivers a cohesive design system with sensible defaults that work out of the box with minimal configuration. It includes a centralized Theme component that allows developers to control visual aspects such as color palettes, scaling, radius, and appearance across an entire application. The library is designed to integrate seamlessly with React applications and modern tooling, offering a consistent API and predictable behavior across all components. ... -
20
21st.dev
Largest marketplace of shadcn/ui-based components
...Each component can include multiple demos, previews, and usage examples, helping users understand how to integrate and customize them. The system also supports TypeScript out of the box, ensuring strong typing and developer experience. -
21
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. ... -
22
Professional Programming
A collection of learning resources for curious software engineers
Professional Programming is a long-running, curated collection of learning resources aimed at helping software engineers grow into well-rounded professionals. It goes far beyond basic “learn to code” material and covers topics like system design, debugging, testing, performance, security, architecture, and software craftsmanship. The list is organized by themes such as coding, design, operations, communication, and career, making it easy to dive into specific aspects of engineering practice. Each resource is hand-picked by the maintainer, focusing on timeless, high-signal articles, talks, and books rather than trendy or shallow content. ... -
23
Polaris React
Shopify’s admin product component library
Our design system helps us work together to build a great experience for all of Shopify’s merchants. Downloads, links, and third-party tools to help you and your teams learn, draft, design, and build products for Shopify. Use the API to build Figma plugins, text editor extensions, or even a completely new site. While we do offer a CSS-only version, we strongly recommend using the React versions of our components. -
24
ikun-ui
A Svelte.js based UnoCSS UI library that allows you to make websites
...It provides a wide range of prebuilt components, including navigation elements, feedback components, data display tools, and layout utilities, all optimized for modern web applications. The library emphasizes flexibility through its UnoCSS preset system, allowing developers to configure themes, styles, and design tokens using attribute-based customization. IKun UI also supports integration with Iconify, giving developers access to a vast library of icons for enhancing interface design. It includes built-in support for dark mode and theme switching, making it easy to adapt applications to different visual preferences. ... -
25
React Spectrum Libraries
Collection of libraries and tools that help you build user experiences
React Spectrum is a collection of libraries and tools developed by Adobe that implement the Spectrum design system in React, enabling developers to build accessible, consistent, and adaptive user interfaces. It is composed of multiple layers, including React Spectrum for styled components, React Aria for accessibility and interaction logic, and React Stately for state management, creating a modular architecture that separates behavior, state, and presentation.
