SA Skill Atlas GitHub skill index
Back to categories

Frontend

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

165 Repositories Frontend Updated Jul 16

Subcategories

All Frontend 165
Topic guide

How to use this Frontend index

Frontend 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 frontend.
  • 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 Python, TypeScript, JavaScript.
  • Frequent tags include Frontend, TypeScript, JavaScript, react, components.

Frontend repositories

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

Interactive explorer

system-design-primer

General Frontend

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

FrontendPythondesigndesign-patternsdesign-systemdevelopment

Good for

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

vue

Frameworks

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

FrontendTypeScriptframeworkfrontendjavascriptvue

Good for

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

next.js

Frameworks

The React Framework

FrontendJavaScriptblogbrowsercompilercomponents

Good for

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

ui

Frameworks

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

FrontendTypeScriptbase-uicomponentslaravelnextjs

Good for

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

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

fastapi

Frameworks

FastAPI framework, high performance, easy to learn, fast to code, ready for production

FrontendPythonapiasyncasynciofastapi

Good for

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

material-ui

Frameworks

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

FrontendJavaScriptdesign-systemmaterial-designmaterial-uireact

Good for

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

storybook

Frameworks

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

FrontendTypeScriptangularcomponentsdesign-systemsdocumentation

Good for

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

gin

Frameworks

Gin is a high-performance HTTP web framework written in Go. It provides a Martini-like API but with significantly better performance—up to 40 times faster—thanks to httprouter. Gin is designed for building REST APIs, web applications, and microservices.

FrontendGoframeworkgingomiddleware

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Go projects
  • Open GitHub for documentation, examples, and issues
89k stars Go
GitHub

system-design-101

General Frontend

Explain complex systems using visuals and simple terms. Help you prepare for system design interviews.

Frontendawscloud-computingcoding-interviewscomputer-scienceinterview-questions

Good for

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

system_prompts_leaks

General Frontend

Extracted system prompts from Anthropic - Claude Fable 5, Opus 4.8, Claude Code, Claude Design. OpenAI - ChatGPT GPT-5.6, Codex GPT-5.6, GPT-5.5. Google - Gemini 3.5 Flash, 3.1 Pro, Antigravity. xAI - Grok, Cursor, Copilot, VS Code, Perplexity, and more. Updated regularly.

FrontendJavaScriptaiai-agentsanthropicawesome

Good for

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

element

Frameworks

A Vue.js 2.0 UI Toolkit for Web

FrontendVuecomponentselement-uijavascriptui-kit

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Vue projects
  • Open GitHub for documentation, examples, and issues
54k stars Vue
GitHub

ionic-framework

Frameworks

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

FrontendTypeScriptangularcapacitorframeworkfrontend

Good for

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

expo

Frameworks

An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.

FrontendTypeScriptandroidapp-frameworkexpoframework

Good for

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

awesome-react-components

Frameworks

Curated List of React Components & Libraries.

Frontendawesomeawesome-listreactreact-componentreact-components

Good for

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

awesome-cheatsheets

Frameworks

👩‍💻👨‍💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

FrontendJavaScriptbackendbashcheatsheetcheatsheets

Good for

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

system-design

Design Systems

Learn how to design systems at scale and prepare for system design interviews

Frontendarchitecturedistributed-systemsengineeringinterviewinterview-preparation

Good for

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

react-bits

Frameworks

An open source collection of animated, interactive & fully customizable React components for building memorable websites.

FrontendJavaScript3danimationscomponent-librarycomponents

Good for

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

styled-components

Frameworks

Fast, expressive styling for React. Server components, client components, streaming SSR, React Native—one API.

FrontendTypeScriptcsscss-in-jsreactreactnative

Good for

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

vuetify

Frameworks

🐉 Vue Component Framework

FrontendTypeScriptjavascriptmaterialmaterial-componentsmaterial-design

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for TypeScript projects
  • Open GitHub for documentation, examples, and issues
41k stars TypeScript
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

fiber

Frameworks

⚡️ Express inspired web framework written in Go

FrontendGoexpressexpressjsfastfiber

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Go projects
  • Open GitHub for documentation, examples, and issues
40k stars Go
GitHub

awesome-system-design-resources

General Frontend

Learn System Design concepts and prepare for interviews using free resources.

FrontendJavaawesomebackendcomputer-sciencedistributed-systems

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Java projects
  • Open GitHub for documentation, examples, and issues
40k stars Java
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

preact

Frameworks

⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

FrontendJavaScriptcomponentsdomjsxpreact

Good for

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

servo

General Frontend

Servo aims to empower developers with a lightweight, high-performance alternative for embedding web technologies in applications.

FrontendRustbrowserrustservoweb

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Rust projects
  • Open GitHub for documentation, examples, and issues
37k stars Rust
GitHub

fastify

Frameworks

Fast and low overhead web framework, for Node.js

FrontendJavaScripthacktoberfestnodejsperformancespeed

Good for

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

awesome-react-native

Frameworks

Awesome React Native components, news, tools, and learning material!

FrontendJavaScriptawesome-listmobilereactreact-native

Good for

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

nps

General Frontend

一款轻量级、高性能、功能强大的内网穿透代理服务器。支持tcp、udp、socks5、http等几乎所有流量转发,可用来访问内网网站、本地支付接口调试、ssh访问、远程桌面,内网dns解析、内网socks5代理等等……,并带有功能强大的web管理端。a lightweight, high-performance, powerful intranet penetration proxy server, with a powerful web management terminal.

FrontendGodnsfirewallgogzip

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Go projects
  • Open GitHub for documentation, examples, and issues
34k stars Go
GitHub

seaweedfs

General Frontend

SeaweedFS is a distributed storage system for object storage (S3), file systems, and Iceberg tables, designed to handle billions of files with O(1) disk access and effortless horizontal scaling.

FrontendGoblob-storagecloud-drivedistributed-file-systemdistributed-storage

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Go projects
  • Open GitHub for documentation, examples, and issues
34k stars Go
GitHub

echo

Frameworks

High performance, minimalist Go web framework

FrontendGoechogohttp2https

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Go projects
  • Open GitHub for documentation, examples, and issues
33k stars Go
GitHub

beego

Frameworks

beego is an open-source, high-performance web framework for the Go programming language.

FrontendGobeegogo

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Go projects
  • Open GitHub for documentation, examples, and issues
32k stars Go
GitHub

mantine

Frameworks

A fully featured React components library

FrontendTypeScriptdark-modedark-themehooksreact

Good for

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

lighthouse

General Frontend

Automated auditing, performance metrics, and best practices for the web.

FrontendJavaScriptauditbest-practiceschrome-devtoolsdeveloper-tools

Good for

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

heroui

Frameworks

🚀 Beautiful, fast and modern React UI library. (Previously NextUI)

FrontendMDXcomponent-librarycomponentslibraryreactjs

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for MDX projects
  • Open GitHub for documentation, examples, and issues
30k stars MDX
GitHub

headlessui

Frameworks

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

FrontendTypeScripta11yaccessibilitycomponentsheadless-ui

Good for

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

react-select

Frameworks

The Select Component for React.js

FrontendTypeScript

Good for

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

recharts

Frameworks

Redefined chart library built with React and D3

FrontendTypeScriptchartcharting-librarycomponentsd3

Good for

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

react-virtualized

Frameworks

React components for efficiently rendering large lists and tabular data

FrontendJavaScriptgridlistlistviewperformance

Good for

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

react-admin

Frameworks

A frontend Framework for single-page applications on top of REST/GraphQL APIs, using TypeScript, React and Material Design

FrontendTypeScriptadminadmin-dashboardadmin-on-restadmin-ui

Good for

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

system-design-academy

General Frontend

If you want to become good at AI & system design, join this newsletter 👇

Frontendcomputer-sciencedevelopmentdistributed-systemshigh-level-designinterview-questions

Good for

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

design.md

Design Systems

A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.

FrontendTypeScript

Good for

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

haystack

Frameworks

Open-source AI orchestration framework for building context-engineered, production-ready LLM applications. Design modular pipelines and agent workflows with explicit control over retrieval, routing, memory, and generation. Built for scalable agents, RAG, multimodal applications, semantic search, and conversational systems.

FrontendMDXagentagentsaigemini

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for MDX projects
  • Open GitHub for documentation, examples, and issues
26k stars MDX
GitHub

iris

Frameworks

The fastest HTTP/2 Go Web Framework. New, modern and easy to learn. Fast development with Code you control. Unbeatable cost-performance ratio :rocket:

FrontendGodependency-injectiongogolanghttp2

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Go projects
  • Open GitHub for documentation, examples, and issues
26k stars Go
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

Hystrix

General Frontend

Hystrix is a latency and fault tolerance library designed to isolate points of access to remote systems, services and 3rd party libraries, stop cascading failure and enable resilience in complex distributed systems where failure is inevitable.

FrontendJava

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Java projects
  • Open GitHub for documentation, examples, and issues
24k stars Java
GitHub

vant

Frameworks

A lightweight, customizable Vue UI library for mobile web apps.

FrontendTypeScriptcomponentsmobileui-kitui-library

Good for

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

iview

Frameworks

A high quality UI Toolkit built on Vue.js 2.0

FrontendVuecomponentscssdesign-systemsfrontend

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Vue projects
  • Open GitHub for documentation, examples, and issues
24k stars Vue
GitHub

system-design-interview

General Frontend

System design interview for IT companies

Frontenddesign-systemsinterviewinterview-preparationinterview-questionssystem

Good for

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

react-bootstrap

Frameworks

Bootstrap components built with React

FrontendTypeScriptbootstraphacktoberfestjavascriptreact

Good for

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

blueprint

Frameworks

A React-based UI toolkit for the web

FrontendTypeScriptblueprintcomponentsdesignlerna

Good for

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

ant-design-vue

Frameworks

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

FrontendVueantant-designantdantd-vue

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for Vue projects
  • Open GitHub for documentation, examples, and issues
22k stars Vue
GitHub

magicui

Frameworks

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

FrontendMDXcomponentsframer-motionnextjsreact

Good for

  • Explore a popular frontend repository
  • Study implementation patterns for MDX projects
  • Open GitHub for documentation, examples, and issues
22k stars MDX
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

visx

Frameworks

🐯 visx | visualization components

FrontendTypeScriptchartd3data-visualizationreact

Good for

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

Vue.Draggable

Frameworks

Vue drag-and-drop component based on Sortable.js

FrontendJavaScriptcomponentdrag-and-dropvue

Good for

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

NativeBase

Frameworks

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.

FrontendTypeScriptandroidhacktoberfestiosnative-platforms

Good for

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

fluentui

Frameworks

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

FrontendTypeScriptcomponentsfluentmicrosoftoffice-ui-fabric

Good for

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

ignite

Frameworks

Infinite Red's battle-tested React Native project boilerplate, along with a CLI, component/model generators, and more! 9 years of continuous development and counting.

FrontendTypeScriptboilerplatecliexpogenerator

Good for

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

mdx

Frameworks

Markdown for the component era

FrontendJavaScriptjsxmarkdownmdxreact

Good for

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

Showing the top 60 repositories. Open the interactive explorer to browse all 165 results.