Design Systems
Showing 36 of 43 projects
An enterprise-class UI design language and comprehensive React component library for building web applications.
An enterprise-class UI design language and React component library for building web applications.
A frontend workshop for building, documenting, and testing UI components and pages in isolation.
A frontend workshop for building, documenting, and testing UI components in isolation across all major frameworks.
A frontend workshop for building, documenting, and testing UI components and pages in isolation.
A free, open-source component library for Tailwind CSS with customizable, accessible UI components.
A curated list of awesome resources, tools, UI libraries, and plugins for the Tailwind CSS framework.
A library for building standards-compliant Web Components and adaptive UI systems for modern web applications.
A library for building standards-compliant Web Components and adaptive UI systems for modern web applications.
A curated list of awesome CSS frameworks, categorized by type and purpose for web developers.
A tool for defining design systems and generating cross-platform UI code, Sketch files, and other artifacts.
A component-oriented CSS authoring system that compiles to high-performance, maintainable stylesheets for design systems and app components.
A universal, type-safe CSS-in-JS framework for building design systems with build-time extraction.
A Blazor component library implementing Microsoft's Fluent Design System for building modern web applications.
A build system that transforms design tokens into platform-specific styles for iOS, Android, CSS, JS, and more.
Pixel-perfect, native-looking typographic styles and helpers for React Native apps.
A curated list of awesome resources, libraries, and tools for building with Web Components.
A curated list of awesome resources, libraries, and tools for building and using Web Components.
A React renderer for Figma that lets you use React components as a source for your designs.
A curated collection of bookmarks, resources, and articles for digital product designers.
An open-source tool for building UI design systems with Vue.js, featuring design tokens, living documentation, and component libraries.
A tool for transforming and formatting design tokens into platform-specific code.
A Sass library for generating modular scales to create harmonious typography and spacing in web design.
A Sketch plugin to review, import, and export design styles, helping organize colors, text styles, and symbols.
A Tailwind CSS plugin that provides fluid scaling utilities using CSS clamp() for responsive designs.
A curated collection of resources, libraries, tools, and examples for building web components with Lit.
A curated list of bookmarks, resources, and articles about design systems, focused on developers.
Generate design tokens, export graphics, and extract React components from Figma documents to bridge design and development.
A Sass mixin library for responsive typography and vertical rhythm calculations.
A curated collection of design principles from major design systems, articles, and resources for reference and inspiration.
A set of high-quality, standards-based web components for building enterprise web applications.
A modular and customizable Material Design UI library for Vue.js 3 and Vue 2.
An opinionated component-based architecture for organizing front-end code in Ruby on Rails applications.
A curated collection of resources, examples, and tutorials for the Storybook UI component development ecosystem.
An unopinionated, scalable Tailwind CSS plugin for theming via CSS variables with automatic variants and unlimited themes.
A Sass mixin that warns about deprecated UI code and provides a clear upgrade path for developers.
Related Tags
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.