收罗优质网站、在线工具和 GitHub 开源项目,按用途分类,助你发现好用利器。

微软出品的免费开源代码编辑器,拥有庞大的插件生态、内置终端和一流的 Git 支持,是前端和后端开发者的常用编辑器。

全球最大的代码托管平台,提供 Git 版本控制、Actions CI/CD 流水线、项目管理与协作代码审查,是开源社区的常用入口。

API 开发与测试平台,支持 REST、GraphQL 和 gRPC 接口的设计、调试、文档生成与 mock 服务,是后端联调工具。

前端部署平台,提供即时预览 URL、Serverless 函数、边缘计算和分析面板,与 Next.js 深度集成,适合快速上线和迭代。

容器化平台,将应用及其依赖打包为可复现的镜像,确保开发、测试和生产环境一致,是现代 DevOps 的基础设施。

在线前端代码沙盒,支持 HTML、CSS、JavaScript 实时预览和社区分享,适合快速原型验证和片段调试。

全球最大的编程问答社区,覆盖所有技术栈。遇到棘手 bug 时的第一站,大部分开发者的隐形导师。

现代部署平台,一键创建 Postgres、Redis、MySQL 等数据库,从 GitHub 即时部署,按用量计费,适合独立开发者和初创团队。

极速一体化 JavaScript 运行时,集打包器、测试运行器和包管理器于一身,原生支持 TypeScript,可替代 Node.js。

极速的 JS/TS/JSX/JSON 格式化和 Lint 工具,统一替代 ESLint + Prettier 组合,性能接近即时完成。

微软出品的端到端测试框架,支持自动等待、Trace 回放和跨浏览器(Chromium/Firefox/WebKit),是可靠的规模化 UI 测试方案。

新一代 Node.js/TypeScript ORM,自动生成类型安全的查询构建器,支持 Schema 迁移和可视化数据库浏览器。

高性能 Monorepo 构建系统,具备智能缓存、并行任务执行和增量构建能力,由 Vercel 团队打造。

前端组件开发工作坊,在隔离环境中开发、文档化和测试 React/Vue/Angular/Svelte 组件,是 UI 组件库开发和设计系统的基础设施。

安全的内网穿透服务,一键将本地服务暴露到公网并自带 HTTPS,是 Webhook 调试和 Demo 演示的常用工具。

全球网络平台,提供 CDN、DDoS 防护、Workers 边缘计算、Pages 静态托管、R2 对象存储和 D1 边缘数据库,是独立开发者的全能基础设施。

多语言代码转换沙盒,支持 JSX ↔ TypeScript ↔ JSON ↔ GraphQL ↔ CSS 等格式即时互转,复制粘贴即得结果。

在安装前查 npm 包的体积大小(安装大小、压缩大小、gzip 大小)和 Tree-shaking 分析,帮助控制前端打包体积。

最新的 HTML/CSS/JS/SVG/Web API 浏览器兼容性速查表,前端开发者判断特性可用性的常用参考站。

将 cURL 命令转换为 Python、JavaScript、Go、PHP、Java 等语言的代码,粘贴 curl 即得惯用语法代码。

免费的假数据 REST API,返回 posts、comments、users、todos、photos 等真实结构的 JSON 数据,无需鉴权即可用于测试和原型开发。

轻量级 TypeScript ORM,采用类 SQL 语法、零依赖和流畅类型安全,专为 Serverless 和边缘环境设计。

基于浏览器的协作式 UI/UX 设计工具,支持矢量编辑、交互原型、组件库和 Dev Mode 开发交付,已成为行业标准设计平台。

设计作品展示与灵感平台,UI/UX 设计师、插画师和品牌设计师在此发布作品、发现趋势和寻找创意参考。

快速配色方案生成器,按空格键即可生成协调的调色板,支持锁定颜色、调整色阶和导出,是设计配色效率工具。

免费高清图库,数百万张精选摄影作品可自由使用(无需署名),适合网站配图、社交媒体素材和产品原型填充。

免费开源的 Web 字体库,提供 1500+ 字体家族,支持可变字体和 CSS 嵌入代码,是 Web 排版的常用资源。

开源虚拟白板,手绘风格独特,适合画流程图、线框图和架构图,支持多人协作,是技术文档配图的优雅方案。

精美的开源图标库,1500+ 风格统一的图标,支持 React、Vue、Svelte 等框架,是现代 Web 项目的默认图标方案。

AI 驱动的背景去除工具,上传任意照片秒级生成透明 PNG,无需任何设计技巧即可获得专业抠图效果。

智能有损压缩 WebP/PNG/JPEG 图片,在保持视觉质量的前提下减小文件体积,是网页性能优化的常用工具。

Google 出品的开源图片压缩 Web 应用,支持左右对比、格式转换和高级编码器选项(MozJPEG、AVIF、WebP),所有处理在浏览器本地完成。

每日更新的精选配色方案集合,浏览、收藏和复制十六进制色码,为设计项目快速找到协调的色彩组合。
Tailwind CSS 团队出品的精美手绘 SVG 图标,提供 outline、solid 和 mini 三种风格,原生支持 React 和 Vue。

在线 SVG 生成器,一键生成流体形状、波浪、渐变和抽象背景,可导出 SVG 或 PNG,无需注册即可使用。
灵活的图标家族,1400+ 图标 × 6 种粗细(thin/light/regular/bold/fill/duotone),风格统一、像素精确且跨框架友好。

一体化工作空间,融合笔记、文档、数据库、Wiki 和项目管理,以块编辑器著称,适合个人知识管理和团队协作。

基于本地 Markdown 文件的知识库工具,支持双向链接、图谱视图和丰富的插件生态,适合打造个人第二大脑。

为软件团队打造的极速项目管理与 issue 追踪工具,键盘优先的操作逻辑和极简设计,让 Sprint 管理不再笨重。

流畅流畅的 macOS 启动器与效率工具箱,集成剪贴板历史、窗口管理、代码片段和 API 扩展,减少日常操作耗时。

免费在线绘图工具,支持流程图、UML、网络拓扑和组织架构图,可完全离线使用并集成云存储,是技术绘图综合工具。

现代化终端,支持 IDE 级文本编辑、AI 命令建议和协作工作流,重新定义了命令行工具的使用体验。

即时屏幕和摄像头录制工具,一键录制产品演示、Bug 复现和异步更新,通过链接即时分享,告别冗长的文字说明。

macOS 高端截图与录屏工具,支持标注、滚动截屏和即时云端上传,是屏幕捕捉的终极工具箱。

团队沟通平台,支持频道、消息线程、应用集成和工作流自动化,是异步团队协作的行业标准工具。

跨平台任务管理工具,支持自然语言输入、项目组织、优先级划分和 Karma 效率统计,简洁而强大。

基于 JavaScript 的图表工具,使用类似 Markdown 的文本语法即可生成流程图、时序图和甘特图,通过代码管理图表版本。

Google 官方免费工具,监控网站索引状态、搜索表现、Core Web Vitals 和人工处理措施,是每个网站运营者的常用工具。

综合性 SEO 平台,提供反向链接分析、关键词研究、排名追踪和内容缺口分析等全套工具,是 SEO 从业者的行业标配。

Google 页面性能分析工具,基于 CrUX 真实用户数据评估 LCP、INP、CLS 等 Core Web Vitals 指标,并给出优化建议。

桌面端 SEO 爬虫工具,审计页面元素、重定向、死链、重复内容和 hreflang 标签,是技术 SEO 审计的行业工具。

搜索倾听工具,将用户围绕关键词提出的真实问题可视化为思维导图,是内容选题和 FAQ 调研的灵感引擎。

一站式数字营销平台,覆盖 SEO、PPC、内容营销、社交媒体和竞品研究,提供企业级数据洞察。

探索全球搜索趋势,对比关键词随时间、地域的热度变化,发现上升话题为内容创作提供数据支撑。

老牌 SEO 工具套件,提供 Domain Authority(DA)权威度评分、链接分析、关键词研究和页面优化评分,深受营销人信赖。

免费 Chrome 扩展,直接在 Google 搜索结果中显示搜索量和关键词建议,是最快的搜索需求评估方式。

结构化数据标记的协作标准,提供 JSON-LD、Microdata 和 RDFa 富媒体搜索结果的词汇表、示例和验证参考。

Anthropic 出品的 AI 助手,擅长长文本推理、代码生成和文档分析,可通过 claude.ai 网页版和 API 使用。

OpenAI 的对话式 AI 平台,集成了 GPT-4 推理、DALL·E 图像生成、代码解释器和自定义 GPTs,是常见的 AI 助手。

开源 AI 社区和模型中心,托管 50 万+模型、数据集和在线演示(Spaces),覆盖 NLP、CV 和音频等全领域。

AI 搜索引擎,从实时网络来源综合答案并附上行内引用,是研究型搜索场景下传统聊天 AI 的有力替代方案。

通过 Discord 使用的 AI 图像生成平台,以高美学品质、艺术风格控制和风格参考功能著称,是设计师和创意者的工具。

生成式 UI 工具,用自然语言描述即可生成生产级 React/Tailwind 组件代码,适合快速界面原型和前端开发加速。

基于 VS Code 的 AI 优先代码编辑器,可与整个代码库对话、根据上下文生成完整功能并内联应用修改,是 AI 编程的标杆工具。

GitHub 推出的 AI 结对编程助手,在 VS Code、JetBrains 和 GitHub.com 中提供行内代码建议、对话辅助和 Agent 模式。

StackBlitz 出品的 AI 全栈应用构建工具,在浏览器中用自然语言描述即可生成、预览和部署 Web 应用,所见即所得。

基于浏览器的协作式 IDE,内置托管、AI 代码生成和即时部署,无需本地环境即可在任何设备上编写和运行代码。

成熟的 AI 文字转语音与声音克隆平台,生成逼真的旁白、配音和自定义语音,支持 29+ 语言,语音自然度行业领先。

AI 音乐生成平台,通过文字描述风格、情绪或歌词,秒级生成带人声、配器和制作的完整歌曲,让音乐创作变得人人可为。

Google 推出的多模态 AI 模型,深度集成 Google Workspace、Gmail 和搜索,在文本、图片、代码和音频推理方面表现强大。

AI 驱动的应用构建工具,通过一行描述即可生成生产级 Web 应用,支持即时预览和一键同步 GitHub。

领先的电商建站平台,集成支付、库存管理、物流和应用市场,适合从独立站新手到规模化品牌的全阶段商家。

面向开发者的支付处理平台,提供在线支付、订阅、发票和风控 API,支持 135+ 货币,是 SaaS 和电商集成的常用。

ToolOrbit 的 Etsy 费用计算器估算任意售价和运费下的所有销售费用,上架费、交易费、支付处理费和站外广告费。提供清晰的利润拆解,让卖家在上架前就知道实际到手收入。

按需打印与代发货履约平台,支持定制服装、配饰和家居用品,直发终端客户,无需囤货即可启动品牌电商。

WordPress 上的开源电商插件,支持订阅、预订和会员等扩展,驱动数百万个在线商店,适合已有 WordPress 站点的商家。

ToolOrbit 的 Stripe 费用计算器估算任意金额和地区的 Stripe 处理费用,直观展示扣除每笔交易固定费和百分比费率后的实际到账金额。

一站式 Amazon 卖家平台,覆盖产品调研、关键词追踪、竞品情报和销售分析,帮助 FBA 卖家做数据驱动的决策。

面向 SaaS 和数字产品的一站式支付与商家记录平台,处理全球税务合规、发票和订阅管理,让独立开发者无需操心合规事务。

Mozilla 维护的 HTML、CSS、JavaScript 权威参考文档,提供浏览器兼容性表格和交互示例,是 Web 开发者的百科全书。

免费编程课程平台,提供 10+ 认证方向,涵盖 Web 开发、数据科学和机器学习,配套活跃的全球学习社区。

资深 CSS 技术博客,提供深入的 CSS 布局、动画和响应式设计教程与速查手册,是前端开发者进阶的资料库。

免费全栈 Web 开发课程,通过构建真实项目来学习,提供 Ruby on Rails 和 JavaScript/Node.js 两条路径。

专业 Web 设计与开发杂志,覆盖 UX、前端、性能优化、无障碍和设计系统等主题,文章质量在行业内备受推崇。

社区创建的开发者学习路线图,覆盖前端、后端、DevOps、AI 等方向的循序渐进学习路径,帮助你明确下一步该学什么。

真实前端编码挑战平台,提供专业设计稿,通过从 Figma 级原型构建项目来练习 HTML/CSS/JavaScript,即学即用。

程序员面试刷题平台,3000+ 算法题目,FAANG 等顶级科技公司求职者的数据结构和算法练习常用。

从基础到高级的现代 JavaScript 完整教程,被广泛认为是最全面、结构最清晰的 JS 学习资源。

包容的开发者社区与博客平台,每日数千篇关于 Web 开发、DevOps、AI、开源和职业发展的文章,技术氛围友好。

TypeScript 官方手册,深入讲解类型系统、工具类型、模块解析和编译器配置,是 TS 学习者从入门到精通的必读文档。

免费编程练习平台,70+ 语言赛道,提供人工导师反馈,在本地解题,由志愿者 mentor 提供代码审查,适合刻意练习。

Meta(Facebook)推出的 JavaScript UI 库,基于组件化和声明式编程模型,拥有最庞大的前端生态和社区。

Vercel 推出的 React 框架,内置 SSR、静态生成、文件路由和 API 路由,是现代 React 应用开发的默认起点。

Utility-first CSS 框架,直接在 HTML 中通过类名构建自定义设计,内置响应式、状态变体和深色模式支持。

组件集合与代码分发平台,通过复制粘贴即可使用基于 Radix UI 和 Tailwind 构建的精美、无障碍 React 组件。

开源的 Firebase 替代方案,提供 Postgres 数据库、认证、实时订阅、存储和边缘函数,免费额度可用,适合快速搭建应用后端。

渐进式 JavaScript 框架,学习曲线平缓,具备响应式数据绑定和灵活的 Composition API,深受中文社区和中小团队的喜爱。

端到端类型安全的 API 框架,无需代码生成即可在服务端和客户端之间共享 TypeScript 类型,享受完整的 IDE 智能提示。

以内容为中心的 Web 框架,默认输出零 JavaScript,按需通过岛屿架构水合交互组件,是内容站和博客的极佳选择。

编译器优先的 UI 框架,将工作从浏览器转移到构建阶段,输出极少的 JavaScript,运行时性能卓越。

强大的异步状态管理库,支持 React/Vue/Solid/Svelte,开箱即用地处理缓存、后台刷新、分页和变更操作,是服务端状态管理的事实标准。

TypeScript 优先的 Schema 声明与验证库,一次定义即可同时获得静态类型推导和运行时校验,是 API 边界验证的常用方案。

小巧、快速且可扩展的 React 状态管理库,几乎无需模板代码、无需 Provider 包裹,TypeScript 支持出色。

全栈 React 框架,聚焦 Web 基础,以嵌套路由、服务端数据加载和渐进增强为核心,现已并入 Shopify。

直观的 Vue.js 框架,支持混合渲染、自动导入、文件路由和丰富的模块生态,是 Vue 生态中的 Next.js 等价物。

渐进式 Node.js 服务端框架,使用 TypeScript、装饰器和依赖注入,架构借鉴 Angular,适合构建企业级后端应用。

极速轻量的边缘运行时 Web 框架,可在 Cloudflare Workers、Deno、Bun 和 Node.js 上运行,API 简单易用。

响应式 UI 库,编译为直接 DOM 更新,React 式的开发体验加上无虚拟 DOM 的细粒度响应式,性能流畅。

基于 Vite 的极速单元测试框架,API 兼容 Jest,原生支持 ESM、TypeScript 和 HMR 即时反馈,让 TDD 体验更流畅。

基于 Next.js 的开源无头 CMS 和应用框架,代码优先配置、TypeScript 原生,配备强大的管理后台,是内容型应用的现代化选择。

Tabler Icons 提供超过 5000 个干净、一致、可定制的 SVG 图标,支持 React、Vue、Svelte、Figma 组件和原始 SVG。每个图标基于 24×24 网格和 2px 描边设计,确保整套图标的视觉和谐。