SA Skill Atlas GitHub skill index
EN
返回 前端

综合

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

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

二级分类

全部 前端 165
专题指南

如何使用这个综合索引

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

适合什么时候使用

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

如何选择

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

综合 仓库

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

交互式浏览

system-design-primer

综合

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

FrontendPythondesigndesign-patternsdesign-systemdevelopment

适合场景

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

system-design-101

综合

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

Frontendawscloud-computingcoding-interviewscomputer-scienceinterview-questions

适合场景

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

system_prompts_leaks

综合

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

适合场景

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

awesome-system-design-resources

综合

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

FrontendJavaawesomebackendcomputer-sciencedistributed-systems

适合场景

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

servo

综合

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

FrontendRustbrowserrustservoweb

适合场景

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

nps

综合

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

FrontendGodnsfirewallgogzip

适合场景

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

seaweedfs

综合

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

适合场景

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

lighthouse

综合

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

FrontendJavaScriptauditbest-practiceschrome-devtoolsdeveloper-tools

适合场景

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

system-design-academy

综合

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

Frontendcomputer-sciencedevelopmentdistributed-systemshigh-level-designinterview-questions

适合场景

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

Hystrix

综合

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

适合场景

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

system-design-interview

综合

System design interview for IT companies

Frontenddesign-systemsinterviewinterview-preparationinterview-questionssystem

适合场景

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

web-llm

综合

High-performance In-browser LLM Inference Engine

FrontendTypeScriptchatgptdeep-learninglanguage-modelllm

适合场景

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

system-design-resources

综合

These are the best resources for System Design on the Internet

Frontendcachefault-tolerancescalabilitysystem-design

适合场景

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

openresty

综合

High Performance Web Platform Based on Nginx and LuaJIT

FrontendC

适合场景

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

partytown

综合

Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉

FrontendTypeScript3rd-party3rdpartyanalyticscore-web-vitals

适合场景

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

cheat

综合

cheat allows you to create and view interactive cheatsheets on the command-line. It was designed to help remind *nix system administrators of options for commands that they use frequently, but not frequently enough to remember.

FrontendGobashcheatcheatsheetcheatsheets

适合场景

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

Halfrost-Field

综合

✍🏻 Source Code Deep Dives, System Design & Engineering Blogs | Halfrost-Field 冰霜之地:源码解析、系统设计与工程实践笔记

FrontendGoalgorithmsblogcryptographygo

适合场景

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

awesome-system-design

综合

A curated list of awesome System Design (A.K.A. Distributed Systems) resources.

Frontenddistributed-systemshadoop-ecosysteminterviewmessage-brokermicroservices

适合场景

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

A-Curated-List-of-ML-System-Design-Case-Studies

综合

This repository contains a curated collection of 300+ case studies from over 80 companies, detailing practical applications and insights into machine learning (ML) system design. The contents are organized to help you easily find relevant case studies based on industry or specific ML use cases.

Frontend

适合场景

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

machine-learning-systems-design

综合

A booklet on machine learning systems design with exercises. NOT the repo for the book "Designing Machine Learning Systems", which is `dmls-book`

FrontendHTMLdata-sciencemachine-learning-productionmlops

适合场景

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

3FS

综合

A high-performance distributed file system designed to address the challenges of AI training and inference workloads.

FrontendC++distributed-file-system

适合场景

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

cocos-engine

综合

Cocos simplifies game creation and distribution with Cocos Creator, a free, open-source, cross-platform game engine. Empowering millions of developers to create high-performance, engaging 2D/3D games and instant web entertainment.

FrontendC++3dcocoscocoscreatorengine

适合场景

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

bottlerocket

综合

An operating system designed for hosting containers

FrontendRustcontainerslinuxoperating-systemrust

适合场景

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

fastdfs

综合

FastDFS is a high performance distributed file system (DFS). It's major functions include: file storing, file syncing and file accessing, and design for high capacity and load balance. Wechat/Weixin public account (Chinese Language): fastdfs

FrontendCdistributed-file-storagedistributed-file-systemstorage-servers

适合场景

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

system_design

综合

Preparation links and resources for system design questions

Frontendarchitectureconcurrencyengineeringfacebookinterview

适合场景

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

awesome-wpo

综合

A curated list of Web Performance Optimization.

Frontendawesomeawesome-listlistwebperfwebperf-metrics

适合场景

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

low-level-design-primer

综合

Dedicated Resources for the Low-Level System Design. Learn how to design and implement large-scale systems. Prep for the system design interview.

Frontenddesigndesign-patternsdevelopmentinterviewinterview-preparation

适合场景

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

guess

综合

🔮 Libraries & tools for enabling Machine Learning driven user-experiences on the web

FrontendTypeScripthacktoberfestmachine-learningperformanceprefetch

适合场景

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

EasyDarwin

综合

open source、high performance、industrial rtsp streaming server,a lot of optimization on streaming relay,KeyFrame cache,RESTful,and web management,also EasyDarwin support distributed load balancing,a simple streaming media cloud platform architecture.

FrontendHTMLeasydarwinflvrtsprtsp-server

适合场景

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

speedscope

综合

🔬 A fast, interactive web-based viewer for performance profiles.

FrontendTypeScriptflamegraphflamegraphsperformance-profilingperformance-tools

适合场景

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

venom

综合

Venom is a high-performance system developed with JavaScript to create a bot for WhatsApp, support for creating any interaction, such as customer service, media sending, sentence recognition based on artificial intelligence and all types of design architecture for WhatsApp.

FrontendTypeScriptaiai-botbotbot-javascript

适合场景

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

sitespeed.io

综合

sitespeed.io is an open-source tool for comprehensive web performance analysis, enabling you to test, monitor, and optimize your website’s speed using real browsers in various environments.

FrontendJavaScriptmetricsmonitoringperfmattersperformance-analysis

适合场景

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