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
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
The React Framework
FrontendJavaScriptblogbrowsercompilercomponents
Good for
- Explore a popular frontend repository
- Study implementation patterns for JavaScript projects
- Open GitHub for documentation, examples, and issues
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
🐉 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
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
⚡️ 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
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
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
⚛️ 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
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
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
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
一款轻量级、高性能、功能强大的内网穿透代理服务器。支持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
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
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
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
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
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
🚀 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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
🐯 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
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
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
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
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
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
Showing the top 60 repositories. Open the interactive explorer to browse all 165 results.