SA Skill Atlas GitHub skill index
EN
返回 前端

框架

前端框架、组件系统、Web 性能和浏览器应用架构。

113 仓库 前端 更新于 7月16日

二级分类

全部 前端 165
专题指南

如何使用这个框架索引

框架页面收录了 GitHub 上较受关注的开源项目,并按标签、语言和实际使用场景组织。它适合作为初筛入口,帮助你在打开具体仓库前先理解方向、比较工具并形成候选清单。

适合什么时候使用

  • 寻找与框架相关的成熟开源项目。
  • 比较仓库热度、语言、标签和适用场景。
  • 在深入技术调研前建立候选列表。
  • 通过相关专题发现相邻方向。

如何选择

  • 优先选择与你的语言、运行时和部署方式匹配的项目。
  • 采用前检查近期提交、Issue 活跃度、文档质量和许可证。
  • 星标只能说明流行度,不能直接代表适配度或生产可用性。
  • 这个专题中常见语言包括 TypeScript, JavaScript, Python。
  • 常见标签包括 Frontend, TypeScript, react, JavaScript, components。

框架 仓库

113 个仓库按 GitHub stars 排序。需要实时筛选时可以打开交互式浏览器。

交互式浏览

vue

框架

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

FrontendTypeScriptframeworkfrontendjavascriptvue

适合场景

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

next.js

框架

The React Framework

FrontendJavaScriptblogbrowsercompilercomponents

适合场景

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

ui

框架

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

FrontendTypeScriptbase-uicomponentslaravelnextjs

适合场景

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

fastapi

框架

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

FrontendPythonapiasyncasynciofastapi

适合场景

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

material-ui

框架

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

FrontendJavaScriptdesign-systemmaterial-designmaterial-uireact

适合场景

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

storybook

框架

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

FrontendTypeScriptangularcomponentsdesign-systemsdocumentation

适合场景

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

gin

框架

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

适合场景

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

element

框架

A Vue.js 2.0 UI Toolkit for Web

FrontendVuecomponentselement-uijavascriptui-kit

适合场景

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

ionic-framework

框架

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

FrontendTypeScriptangularcapacitorframeworkfrontend

适合场景

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

expo

框架

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

FrontendTypeScriptandroidapp-frameworkexpoframework

适合场景

  • 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

框架

Curated List of React Components & Libraries.

Frontendawesomeawesome-listreactreact-componentreact-components

适合场景

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

awesome-cheatsheets

框架

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

FrontendJavaScriptbackendbashcheatsheetcheatsheets

适合场景

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

react-bits

框架

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

FrontendJavaScript3danimationscomponent-librarycomponents

适合场景

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

styled-components

框架

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

FrontendTypeScriptcsscss-in-jsreactreactnative

适合场景

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

vuetify

框架

🐉 Vue Component Framework

FrontendTypeScriptjavascriptmaterialmaterial-componentsmaterial-design

适合场景

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

fiber

框架

⚡️ Express inspired web framework written in Go

FrontendGoexpressexpressjsfastfiber

适合场景

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

preact

框架

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

FrontendJavaScriptcomponentsdomjsxpreact

适合场景

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

fastify

框架

Fast and low overhead web framework, for Node.js

FrontendJavaScripthacktoberfestnodejsperformancespeed

适合场景

  • 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

框架

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

FrontendJavaScriptawesome-listmobilereactreact-native

适合场景

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

echo

框架

High performance, minimalist Go web framework

FrontendGoechogohttp2https

适合场景

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

beego

框架

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

FrontendGobeegogo

适合场景

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

mantine

框架

A fully featured React components library

FrontendTypeScriptdark-modedark-themehooksreact

适合场景

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

heroui

框架

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

FrontendMDXcomponent-librarycomponentslibraryreactjs

适合场景

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

headlessui

框架

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

FrontendTypeScripta11yaccessibilitycomponentsheadless-ui

适合场景

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

react-select

框架

The Select Component for React.js

FrontendTypeScript

适合场景

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

recharts

框架

Redefined chart library built with React and D3

FrontendTypeScriptchartcharting-librarycomponentsd3

适合场景

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

react-virtualized

框架

React components for efficiently rendering large lists and tabular data

FrontendJavaScriptgridlistlistviewperformance

适合场景

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

react-admin

框架

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

FrontendTypeScriptadminadmin-dashboardadmin-on-restadmin-ui

适合场景

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

haystack

框架

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

适合场景

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

iris

框架

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

适合场景

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

vant

框架

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

FrontendTypeScriptcomponentsmobileui-kitui-library

适合场景

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

iview

框架

A high quality UI Toolkit built on Vue.js 2.0

FrontendVuecomponentscssdesign-systemsfrontend

适合场景

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

react-bootstrap

框架

Bootstrap components built with React

FrontendTypeScriptbootstraphacktoberfestjavascriptreact

适合场景

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

blueprint

框架

A React-based UI toolkit for the web

FrontendTypeScriptblueprintcomponentsdesignlerna

适合场景

  • 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

框架

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

FrontendVueantant-designantdantd-vue

适合场景

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

magicui

框架

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

FrontendMDXcomponentsframer-motionnextjsreact

适合场景

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

visx

框架

🐯 visx | visualization components

FrontendTypeScriptchartd3data-visualizationreact

适合场景

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

Vue.Draggable

框架

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

FrontendJavaScriptcomponentdrag-and-dropvue

适合场景

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

NativeBase

框架

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

FrontendTypeScriptandroidhacktoberfestiosnative-platforms

适合场景

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

fluentui

框架

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

FrontendTypeScriptcomponentsfluentmicrosoftoffice-ui-fabric

适合场景

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

ignite

框架

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

适合场景

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

mdx

框架

Markdown for the component era

FrontendJavaScriptjsxmarkdownmdxreact

适合场景

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

primitives

框架

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

FrontendTypeScriptaccessibilitycolorscomponent-librarydesign-systems

适合场景

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

naive-ui

框架

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

FrontendTypeScriptcomponent-libraryui-componentsvuevue-typescript

适合场景

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

vux

框架

Mobile UI Components based on Vue & WeUI

FrontendVueantcomponentsjavascriptmobile-web

适合场景

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

react-window

框架

React components for efficiently rendering large lists and tabular data

FrontendTypeScript

适合场景

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

qiankun

框架

📦 🚀 Blazing fast, simple and complete solution for micro frontends.

FrontendTypeScriptframeworkjavascriptmicro-frontendmicro-frontends

适合场景

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

react-loadable

框架

:hourglass_flowing_sand: A higher order component for loading components with promises.

FrontendJavaScriptasyncbabel-plugincode-splittingimports

适合场景

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

tremor-npm

框架

React components to build charts and dashboards

FrontendTypeScriptreact-componentsreactjstailwindcsstypescript

适合场景

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

react-native-maps

框架

React Native Mapview component for iOS + Android

FrontendTypeScriptgoogle-mapsmapsreact-native

适合场景

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

react-jsonschema-form

框架

A React component for building Web forms from JSON Schema.

FrontendTypeScriptdata-validationformsjsonjson-schema

适合场景

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

react-markdown

框架

Markdown component for React

FrontendJavaScriptcommonmarkgfmmarkdownreact

适合场景

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

react-sketchapp

框架

render React components to Sketch ⚛️💎

FrontendTypeScriptreactreact-rendererreact-sketchappsketch

适合场景

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

bootstrap-vue

框架

MOVED to https://github.com/bootstrap-vue-next/bootstrap-vue-next

FrontendJavaScripta11yaccessibilityaccessiblebootstrap

适合场景

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

nivo

框架

nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

FrontendTypeScriptcanvaschartscomponentsd3js

适合场景

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

react-content-loader

框架

⚪ SVG-Powered component to easily create skeleton loadings.

FrontendTypeScriptfacebook-cards-loadershacktoberfestloaderloading

适合场景

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

mitosis

框架

Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

FrontendTypeScriptangularbuildercompilerdeclarative

适合场景

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

Semantic-UI-React

框架

The official Semantic-UI-React integration

FrontendJavaScriptcomponent-librarycomponentsfrontend-componentsfrontend-framework

适合场景

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

react-canvas

框架

High performance <canvas> rendering for React components

FrontendJavaScript

适合场景

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

core

框架

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.

FrontendTypeScriptcustom-elementdesign-systemionicssg

适合场景

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

当前展示前 60 个仓库。打开交互式浏览器可查看全部 113 个结果。