前端导航
常用工具
Can I use
前端 API 兼容性查询
TinyPNG
在线图片压缩工具
Carbon
代码图片生成
npm 库在线执行
在浏览器控制台中在线运行调试与测试 npm 中的库
开发者武器库
开发者武器库,做开发者最专业最好用的专业工具箱
在线工具
开发人员的工具箱
Json 中文网
JSON 在线解析及格式化验证
transform
一个支持多语言的在线转换器
Excalidraw
手绘风格流程图
AI 导航
React 生态
React
用于构建用户界面的 JavaScript 库
React Router
React 的声明式路由
Next.js
一个用于 Web 的 React 框架
Shadcn UI
这是一套设计精美的组件,你可以将组件的源码复制并粘贴到你的 应用程序中直接使用。所有组件都是基于 Tailwind CSS 构建且开源的
Hero UI
Beautiful, fast and modern React UI library for building accessible and customizable web applications.
MUI
MUI offers a comprehensive suite of free UI tools to help you ship new features faster
UmiJS
插件化的企业级前端应用框架
Alita
一个基于 Umi 的前端框架
Father
father 是一款 NPM 包研发工具,能够帮助开发者更高效、高质量地研发 NPM 包、生成构建产物、再完成发布
Dvajs
插件化的企业级前端应用框架
Ant Design
一套企业级 UI 设计语言和 React 组件库
Ant Design Mobile
构建移动 WEB 应用程序的 React 组件库
Ant Design Pro
开箱即用的中台前端/设计解决方案
Zustand
一个小型、快速、可扩展的 React 状态管理解决方案
Valtio
makes proxy-state simple for React and Vanilla
Jotai
primitive and flexible state management for React
Redux
JavaScript 应用的状态容器,提供可预测的状态管理
MobX
一个小型、快速、可扩展的 React 状态管理解决方案
ahooks
一套高质量可靠的 React Hooks 库
Crate-React-App
React 官方出品的脚手架工具
React-use
React Hooks 实用工具库
Recoil
React 状态管理库
Redux Toolkit
Redux 官方推出的工具包
React Slick
最后一个你需要的轮播
Vue 生态
Vue 3
渐进式 JavaScript 框架
Vue 2
渐进式 JavaScript 框架
Vue Router
Vue.js 的官方路由 为 Vue.js 提供富有表现力、可配置的、方便的路由
Pinia
符合直觉的 Vue.js 状态管理库
Nuxt.js
一个基于 Vue.js 的通用应用框架
VueUse
Vue Composition API 的常用工具集
Element Plus
基于 Vue 3,面向设计师和开发者的组件库
Ant Design Vue
Ant Design 的 Vue 实现,开发和服务于企业级后台产品
Vant
轻量、可定制的移动端 Vue 组件库
Cube UI
基于 Vue.js 实现的精致移动端组件库
NutUI
京东风格的轻量级移动端组件库
JavaScript 框架类库
Svelte
将声明性组件转换为精准高效更新 DOM 的 JavaScript 代码
SolidJS
一个声明式、高性能、灵活的 JavaScript 库
jQuery API 中文文档
一个兼容多浏览器的 JavaScript 框架
CSS 相关
PostCSS
一个用 JavaScript 转换 CSS 的工具
Sass
一个成熟,稳定,功能强大的专业级 CSS 扩展语言
Less
Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言
TailwindCSS 中文网
一个功能类优先的 CSS 框架
Unocss 中文网
即时按需的原子级CSS引擎
You-need-to-know-css
Web开发者应该掌握的CSS tricks
CSS 常用样式
CSS 常用样式和奇技淫巧总结
CSS 常见布局
CSS 各种常见的布局实现
小程序相关
跨平台
Electron
使用 Web 技术构建跨平台桌面应用程序
Tauri
使用 Web 技术构建更小、更快、更安全的桌面应用程序
Taro
多端统一开发解决方案
uni-app
一个使用 Vue.js 开发所有前端应用的框架
Mpx
增强型跨端小程序框架
Rust相关
Rust 语言中文社区
Rust 语言中文社区
Rspack
The fast Rust-based web bundler
Turbo
Build faster, ship faster
Mako
Mako 是「极快」和「生产级」的前端构建工具,基于 Rust
SWC
Rust-based platform for the Web
fnm
Fast Node Manager
Node 相关
Node.js
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境
Express
基于 Node.js 平台,快速、开放、极简的 Web 开发框架
Koa
基于 Node.js 平台的下一代 web 开发框架
Egg
为企业级框架和应用而生
Nest.js 中文文档
用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架
trpc
Move Fast and Break Nothing. End-to-end typesafe APIs made easy
strapi
The leading open-source headless CMS
可视化
ECharts
一个基于 JavaScript 的开源可视化图表库
AntV
蚂蚁集团全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。
D3.js
一个遵循 Web 标准用于可视化数据的 JavaScript 库
Chart.js
一个简单而灵活的 JavaScript 图表库
Three.js
JavaScript 3d 库
编译&构建&打包
Webpack 中文网
一个用于现代 JavaScript 应用程序的静态模块打包工具
Vite 中文文档
下一代前端工具链
Rollup
Rollup 是一个 JavaScript 模块打包器
Turbo
Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust
Babel
Babel 是一个 JavaScript 编译器
esbuild
An extremely fast bundler for the web
SWC
Rust-based platform for the Web
图标库
iconfont
国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能
IconPark 图标库
IconPark图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一 SVG 源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标
Iconify
一个开源的图标集合和图标工具
Icônes
基于 Iconify 的图标浏览器
Simple Icons
包含 2457 种流行品牌的免费 SVG 图标库
Emoji searcher
emoji 表情大全
Emoji Cheat Sheet
可以在 GitHub 中使用的 emoji 表情
gitmoji
可以在 git 中使用的 emoji 表情
站点生成器
Astro
一个现代化的轻量级静态站点生成器
VitePress
由 Vite 和 Vue 驱动的静态网站生成器
VuePress
Vue 驱动的静态网站生成器
dumi
基于 Umi 为组件研发而生的静态站点框架
Docusaurus
基于 React 的静态网站生成器
前端学习资料
MDN | Web 开发者指南
Mozilla 的开发者平台,提供了大量关于 HTML、CSS 和 JavaScript 的详细文档以及广泛的 Web API 参考资
菜鸟教程
学的不仅是技术,更是梦想!
ES6 入门教程
阮一峰的网络日志