⚙️ 前端与开发

框架、库、编辑器、代码托管,前端开发必备 共 80 个工具,每个配详细介绍页。

🌐 域名与主机 🏗️ 建站系统 ⚙️ 前端与开发 🎨 设计与素材 📈 SEO 与流量 📊 数据统计 🔧 运维与监控 🛡️ 安全防护 📚 学习与社区 ⚡ 效率工具 🤖 AI 对话 🎨 AI 绘画与视频 💻 AI 编程 ✍️ AI 写作与内容 🔌 AI API 与开发 🚀 AI 基础设施 🔗 外链建设 ⚡ 网站优化
Tailwind CSS
实用优先 CSS 框架
Tailwind 用类名组合样式,无需写 CSS 文件,配合组件化开发效率极高。...
查看详情 →
React
Meta 前端框架
React 是 Meta 开源的 UI 库,组件化开发,生态庞大,是全球使用最广泛的前端框架。...
查看详情 →
Bootstrap
经典 CSS 框架
Bootstrap 是 Twitter 推出的 CSS 框架,组件丰富、文档完善,是响应式网站的老牌选择。...
查看详情 →
GitLab
DevOps 一体化平台
GitLab 是完整的 DevOps 平台,从代码托管到 CI/CD、监控一站式。支持自托管,是企业的首选替代方案。...
查看详情 →
Gitee 码云
国内代码托管平台
Gitee 是国内的代码托管平台,对标 GitHub。国内访问速度快,中文界面。适合国内团队和个人开发者。...
查看详情 →
Nuxt
Vue 全栈框架
Nuxt 是 Vue 生态的全栈框架,类似 Next.js,支持 SSR、SSG、自动路由。...
查看详情 →
Next.js
React 全栈框架
Next.js 是 Vercel 打造的 React 全栈框架,支持 SSR/SSG/ISR、API 路由、边缘部署。...
查看详情 →
GitHub
全球最大代码托管平台
GitHub 是全球最大的 Git 代码托管平台,超过 1 亿开发者使用。提供仓库托管、Issue 跟踪、CI/CD、P...
查看详情 →
CodePen
前端代码在线编辑器
CodePen 是前端代码在线编辑器,可以在浏览器里写 HTML/CSS/JS 并实时预览。适合快速原型、分享代码片段、...
查看详情 →
Postman
API 协作平台
Postman 是最流行的 API 开发协作平台,支持接口调试、自动化测试、文档生成、Mock 服务,前后端团队必备。...
查看详情 →
Parcel
零配置打包器
Parcel 主打零配置,开箱即用,自动处理 JS/CSS/图片,适合不想折腾构建配置的项目。...
查看详情 →
esbuild
极速 JS 打包器
esbuild 用 Go 编写,构建速度比传统工具快 10-100 倍,被 Vite 等项目用作底层打包器。...
查看详情 →
Bitbucket
Atlassian 代码托管
Bitbucket 是 Atlassian 旗下 Git 托管平台,与 Jira、Trello 深度集成,支持私有仓库和...
查看详情 →
StackBlitz
浏览器内 Node.js IDE
StackBlitz 用 WebContainers 在浏览器跑 Node.js,无需服务器,启动极快,适合 Angul...
查看详情 →
JSFiddle
经典在线代码片段
JSFiddle 是最早的在线 HTML/CSS/JS 片段测试工具,轻量、快速、可分享,适合验证小段代码。...
查看详情 →
Visual Studio Code
微软开源代码编辑器
VS Code 是微软出品的免费开源编辑器,扩展生态庞大,支持几乎所有语言,是目前最流行的开发工具。...
查看详情 →
Cargo
Rust 包管理与构建
Cargo 是 Rust 官方包管理和构建工具,统一管理依赖、编译、测试、发布,是 Rust 生态核心。...
查看详情 →
webpack
模块打包器
webpack 是最成熟的前端打包工具,支持代码分割、懒加载、loader/plugin 生态,适合复杂前端项目。...
查看详情 →
Svelte
编译时前端框架
Svelte 把框架逻辑在编译时消除,运行时体积极小,性能优异,写起来接近原生 HTML/CSS/JS。...
查看详情 →
SvelteKit
Svelte 全栈框架
SvelteKit 是 Svelte 官方全栈框架,支持 SSR、SSG、API 路由,类似 Next.js 但更轻量。...
查看详情 →
Remix
Web 标准全栈框架
Remix 基于 Web 标准(Fetch、Form),强调渐进增强和嵌套路由,数据加载与 UI 紧密结合。...
查看详情 →
Apifox
国产 API 协作平台
Apifox 集 API 文档、调试、Mock、测试于一体,中文界面友好,是国内团队替代 Postman 的常见选择。...
查看详情 →
Insomnia
优雅的 API 客户端
Insomnia 是开源 API 调试工具,支持 REST、GraphQL、gRPC,界面简洁,被 Kong 收购后持续...
查看详情 →
Hoppscotch
开源在线 API 工具
Hoppscotch 是轻量开源 API 客户端,浏览器直接用,支持 REST、GraphQL、WebSocket,界面...
查看详情 →
HTML Minifier
HTML 压缩工具
html-minifier 删除 HTML 中的空白、注释、冗余属性,减小页面体积,提升加载速度。...
查看详情 →
SonarQube
代码质量管理平台
SonarQube 静态扫描代码,检测 bug、漏洞、代码异味,给出质量门禁,是 CI 流程常见一环。...
查看详情 →
Bulma
现代 CSS 框架
Bulma 是纯 CSS 框架,无 JavaScript 依赖,基于 Flexbox,类名语义清晰,适合快速搭界面。...
查看详情 →
Chakra UI
React UI 组件库
Chakra UI 是 React 无障碍组件库,支持主题定制、暗黑模式,开发体验流畅。...
查看详情 →
Vue
渐进式前端框架
Vue 是国人尤雨溪开发的前端框架,上手简单、文档优秀,国内使用广泛。...
查看详情 →
Vite
极速前端构建工具
Vite 是尤雨溪打造的下一代构建工具,开发时用 ESM 秒启动,生产用 Rollup 打包。...
查看详情 →
cssnano
CSS 压缩优化工具
cssnano 是基于 PostCSS 的 CSS 压缩器,删除空白、合并规则、优化颜色,是生产构建标准配置。...
查看详情 →
Renovate
自动化依赖更新
Renovate 自动检测项目依赖更新,创建 PR 并跑测试,帮助团队持续保持依赖新鲜和安全。...
查看详情 →
Deno
现代化 JS 运行时
Deno 是 Node.js 作者打造的现代 JavaScript/TypeScript 运行时,默认安全、内置工具链、...
查看详情 →
Angular
Google 前端框架
Angular 是 Google 推出的 TypeScript 前端框架,内置依赖注入、路由、表单,适合大型企业级应用。...
查看详情 →
CodeSandbox
在线 IDE 与沙箱
CodeSandbox 是浏览器里的开发环境,支持前端框架一键启动、实时协作、预览分享,适合快速原型和教学。...
查看详情 →
MongoDB
文档型数据库
MongoDB 是流行的 NoSQL 文档数据库,使用类 JSON 格式存储数据,灵活的模式设计适合快速迭代的应用开发。...
查看详情 →
MySQL
开源关系数据库
MySQL 是全球最流行的开源关系型数据库,稳定成熟、生态完善,被大量 Web 应用作为主数据库使用。...
查看详情 →
PostgreSQL
高级开源数据库
PostgreSQL 是功能最强大的开源关系数据库,支持 JSON、地理数据、全文检索等高级特性,被誉为最先进的开源数据...
查看详情 →
Docker
容器化平台
Docker 用容器把应用和依赖打包成镜像,实现一次构建到处运行。是现代化部署和微服务架构的基础工具,极大简化了环境一致...
查看详情 →
Redis
内存键值数据库
Redis 是高性能的内存键值数据库,支持多种数据结构,常用于缓存、消息队列、会话存储、排行榜等场景,是后端开发标准组件...
查看详情 →
pnpm
高效包管理器
pnpm 通过硬链接复用依赖,大幅节省磁盘空间和安装时间,是 npm/yarn 的高效替代品,被越来越多项目采用。...
查看详情 →
Yarn
经典包管理器
Yarn 是 Facebook 推出的 npm 替代品,引入了 lockfile 概念,后来被 pnpm 部分取代,但仍...
查看详情 →
Clerk
现代认证服务
Clerk 提供开箱即用的用户认证、会话管理、多因素验证,React/Next.js 集成体验极佳。...
查看详情 →
Neon
Serverless Postgres
Neon 提供 Serverless PostgreSQL,支持数据库分支、自动扩缩、按量计费,是现代应用的理想 Pos...
查看详情 →
Auth0
身份认证平台
Auth0 是成熟的身份认证平台,支持 OAuth、SAML、多因素、单点登录,适合企业级应用集成。...
查看详情 →
Resend
开发者邮件 API
Resend 提供简洁的邮件发送 API,React Email 模板支持,是开发者友好的现代邮件服务。...
查看详情 →
Prisma
现代 ORM 工具
Prisma 是 TypeScript 优先的 ORM,类型安全、迁移方便、开发体验极佳,是 Next.js 生态的标配...
查看详情 →
PlanetScale
Serverless MySQL
PlanetScale 基于 Vitess 提供 Serverless MySQL,支持分支、非阻塞 Schema 变更...
查看详情 →
Firebase
Google 应用开发平台
Firebase 提供实时数据库、认证、云函数、推送、分析,是移动和 Web 应用快速开发的一站式后端。...
查看详情 →
Supabase
开源 Firebase 替代
Supabase 基于 PostgreSQL 提供数据库、认证、存储、实时订阅、边缘函数,开源可自托管,是 Fireba...
查看详情 →
Bun
极速 JS 运行时
Bun 是用 Zig 编写的 JavaScript 运行时,集运行时、打包器、测试工具、包管理器于一体,速度比 Node...
查看详情 →
Astro
内容优先框架
Astro 通过孤岛架构把静态 HTML 和任意框架组件混合,内容站速度极快。...
查看详情 →
Hugo
极速静态站生成器
Hugo 用 Go 编写,构建速度极快,是生成静态博客、文档站的经典工具。...
查看详情 →
Jekyll
GitHub Pages 默认
Jekyll 是 GitHub Pages 官方支持的静态站生成器,Ruby 编写,博客主题丰富。...
查看详情 →
Eleventy
灵活静态站生成器
Eleventy(11ty)是 Node.js 静态站生成器,支持多种模板语言,自由度极高。...
查看详情 →
Gatsby
React 静态站框架
Gatsby 基于 React 的静态站生成器,通过 GraphQL 拉取数据,曾是 JAMstack 主流选择。...
查看详情 →
DaisyUI
Tailwind 组件库
DaisyUI 是 Tailwind CSS 的组件库,提供语义化类名和主题系统,让 Tailwind 开发更快。...
查看详情 →
shadcn/ui
React 组件集合
shadcn/ui 提供可直接复制的 React 组件,基于 Radix UI 和 Tailwind,无依赖锁定。...
查看详情 →
Socket.IO
实时通信库
Socket.IO 提供 WebSocket 双向通信,支持断线重连、房间、命名空间,是实时应用标准库。...
查看详情 →
tRPC
端到端类型安全 API
tRPC 让前后端共享 TypeScript 类型,API 调用像调用函数,是 Next.js 全栈开发利器。...
查看详情 →
Zod
TypeScript schema 验证
Zod 用 TypeScript 定义 schema,运行时验证数据,自动推导类型,是现代 TS 项目标配。...
查看详情 →
Drizzle ORM
轻量 TypeScript ORM
Drizzle 是 TypeScript ORM,SQL-like API,类型安全,体积小,是 Prisma 的轻量替...
查看详情 →
Kysely
类型安全 SQL 查询
Kysely 是 TypeScript SQL 查询构建器,完全类型安全,无隐藏逻辑,适合喜欢 SQL 的开发者。...
查看详情 →
OpenAPI
API 规范标准
OpenAPI 是 REST API 描述规范,支持自动生成文档、客户端、服务端代码,是 API 优先开发的核心。...
查看详情 →
GraphQL
API 查询语言
GraphQL 由 Meta 开发,客户端自定义查询字段,避免过度获取,是 REST 的替代方案。...
查看详情 →
htmx
HTML 属性驱动交互
htmx 用 HTML 属性实现 AJAX、WebSocket、SSE,无需写 JS,回归 HTML 本质。...
查看详情 →
Mapbox
地图开发平台
Mapbox 提供地图 SDK、静态地图、导航 API,是 Google Maps 的主要替代品,样式自定义强。...
查看详情 →
Leaflet
开源地图库
Leaflet 是开源轻量地图 JavaScript 库,OpenStreetMap 生态友好,是个人开发者首选。...
查看详情 →
MapLibre
开源地图 SDK
MapLibre 是 Mapbox GL 开源分支,支持矢量瓦片、3D,是 Mapbox 的免费替代。...
查看详情 →
Streamlit
Python 数据应用框架
Streamlit 让数据科学家用纯 Python 快速构建 Web 应用,无需前端知识,是数据应用首选。...
查看详情 →
Gradio
ML Demo 框架
Gradio 是 Hugging Face 收购的 ML Demo 框架,几行代码给模型做 Web 界面,是 AI De...
查看详情 →
Typesense
现代搜索引擎
Typesense 是开源搜索引擎,支持拼写容错、Geo 搜索、向量搜索,是 Algolia 的开源替代。...
查看详情 →
Radix UI
无样式 React 组件
Radix UI 提供无样式的 React 无障碍组件,是 shadcn/ui 的基础,适合自定义设计系统。...
查看详情 →
Alpine.js
轻量交互框架
Alpine.js 用 HTML 属性添加交互,无需构建,是轻量项目的 Vue 替代品。...
查看详情 →
Zodios
类型安全 API 客户端
Zodios 结合 Zod 和 Axios,让 API 调用和响应都有类型验证,前后端类型一致。...
查看详情 →
Meilisearch
极速搜索引掣
Meilisearch 是 Rust 编写的搜索引擎,速度极快,开箱即用的搜索体验,适合中小型站点。...
查看详情 →
deck.gl
大规模数据可视化
deck.gl 是 Uber 开源的地理数据可视化库,处理百万级数据点,适合大数据地图应用。...
查看详情 →
Apollo GraphQL
GraphQL 平台
Apollo 提供 GraphQL 客户端、服务端、网关、Studio 全套工具,是企业级 GraphQL 首选。...
查看详情 →
Algolia
搜索即服务
Algolia 是最流行的搜索 SaaS,毫秒级响应、拼写容错、多语言支持,被大量知名站点使用。...
查看详情 →
TypeScript
JavaScript 超集
TypeScript 是微软开发的 JS 超集,加入类型系统,编译时检查错误,是现代前端标配。...
查看详情 →