Design Systems
Showing 36 of 45 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 build system that transforms design tokens into platform-specific styles for iOS, Android, CSS, JS, and more.
A Blazor component library implementing Microsoft's Fluent Design System for building modern web applications.
A curated list of awesome resources, libraries, and tools for building and using Web Components.
A curated list of awesome resources, libraries, and tools for building with Web Components.
Pixel-perfect, native-looking typographic styles and helpers for React Native apps.
A curated collection of bookmarks, resources, and articles for digital product designers.
A React renderer for Figma that lets you use React components as a source for your designs.
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.
A curated collection of resources, examples, and tutorials for the Storybook UI component development ecosystem.
An opinionated component-based architecture for organizing front-end code in Ruby on Rails applications.
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.