UI Components

UI frameworks, component systems, web performance, and browser application architecture.

13 Repositories Frontend Updated Jul 16

Subcategories

Frameworks 113 UI Components 13 Design Systems 6 Build Tools 1 State & Data 0 General Frontend 32

Topic guide

How to use this UI Components index

UI Components repositories in Skill Atlas are selected from popular GitHub projects and organized to help developers compare tools, patterns, and implementation examples. Use this page as a starting point before opening individual repositories for docs, issues, examples, and license details.

When to use this category

Find established open source projects related to ui components.
Compare repository popularity, language, tags, and practical use cases.
Build a shortlist before deeper technical evaluation.
Discover adjacent categories through related tags and subcategories.

How to choose

Start with repositories that match your language, runtime, and deployment model.
Check recent commits, issue activity, documentation quality, and license before adopting a project.
Use stars as a popularity signal, not as proof of fit or production readiness.
Common languages in this topic include TypeScript, Python, JavaScript.
Frequent tags include Frontend, design, TypeScript, a11y, ai.

UI Components repositories

13 repositories sorted by GitHub stars. Use the interactive explorer for live filters.

Interactive explorer

awesome-design-md

UI Components

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Frontendawesome-listdesign-mddesign-systemdesign-tokensfigma

Good for

Explore a popular frontend repository
Study implementation patterns for software projects
Open GitHub for documentation, examples, and issues

102k stars

GitHub

chakra-ui

UI Components

Chakra UI is a component system for building SaaS products with speed ⚡️

FrontendTypeScripta11yaccessibleark-uichakra-ui

Good for

Explore a popular frontend repository
Study implementation patterns for TypeScript projects
Open GitHub for documentation, examples, and issues

41k stars TypeScript

GitHub

quivr

UI Components

Opiniated RAG for integrating GenAI in your apps 🧠 Focus on your product rather than the RAG. Easy integration in existing products with customisation! Any LLM: GPT4, Groq, Llama. Any Vectorstore: PGVector, Faiss. Any Files. Anyway you want.

FrontendPythonaiapichatbotchatgpt

Good for

Explore a popular frontend repository
Study implementation patterns for Python projects
Open GitHub for documentation, examples, and issues

39k stars Python

GitHub

awesome-design-systems

UI Components

💅🏻 ⚒ A collection of awesome design systems

Frontendawesomeawesome-listdesign-systemshacktoberfestpattern-library

Good for

Explore a popular frontend repository
Study implementation patterns for software projects
Open GitHub for documentation, examples, and issues

25k stars

GitHub

tabler-icons

UI Components

A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.

FrontendJavaScriptbootstrap-iconscomponentscssicon

Good for

Explore a popular frontend repository
Study implementation patterns for JavaScript projects
Open GitHub for documentation, examples, and issues

21k stars JavaScript

GitHub

bit

UI Components

AI-powered development workspaces with reusable components, architectural clarity and zero overhead.

FrontendTypeScriptaicollaborationcomponent-drivencomposable

Good for

Explore a popular frontend repository
Study implementation patterns for TypeScript projects
Open GitHub for documentation, examples, and issues

18k stars TypeScript

GitHub

98.css

UI Components

A design system for building faithful recreations of old UIs

FrontendCSScssdesign-systemguy-fieriwindows98

Good for

Explore a popular frontend repository
Study implementation patterns for CSS projects
Open GitHub for documentation, examples, and issues

11k stars CSS

GitHub

fluentui-system-icons

UI Components

Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.

FrontendHTMLandroiddesignfluentflutter

Good for

Explore a popular frontend repository
Study implementation patterns for HTML projects
Open GitHub for documentation, examples, and issues

11k stars HTML

GitHub

system-design-notes

UI Components

Notes of the book System Desgin Interview - An Insider's Guide

Frontend

Good for

Explore a popular frontend repository
Study implementation patterns for software projects
Open GitHub for documentation, examples, and issues

7.7k stars

GitHub

Lona

UI Components

A tool for defining design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.

FrontendSwift

Good for

Explore a popular frontend repository
Study implementation patterns for Swift projects
Open GitHub for documentation, examples, and issues

7.5k stars Swift

GitHub

uswds

UI Components

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

FrontendSCSSdesigndesign-systemsgovernmentuswds

Good for

Explore a popular frontend repository
Study implementation patterns for SCSS projects
Open GitHub for documentation, examples, and issues

7.1k stars SCSS

GitHub

Grokking-System-Design

UI Components

Systems design is the process of defining the architecture, modules, interfaces, and data for a system to satisfy specified requirements. Systems design could be seen as the application of systems theory to product development.

FrontendShell

Good for

Explore a popular frontend repository
Study implementation patterns for Shell projects
Open GitHub for documentation, examples, and issues

6.5k stars Shell

GitHub

skeleton

UI Components

Skeleton is an adaptive design system powered by Tailwind CSS.

FrontendTypeScripta11yaccessibilityastrocomponents

Good for

Explore a popular frontend repository
Study implementation patterns for TypeScript projects
Open GitHub for documentation, examples, and issues

6.0k stars TypeScript

GitHub