文档与教程
插件与模组
软件项目
配置文件
开发基础
前端框架与库
React
用于构建用户界面的JavaScript库
Vue
渐进式JavaScript框架
Angular
平台和框架，用于构建SPA应用
Preact
快速轻量的React替代方案
Svelte
编译时优化的前端框架
Solid
高性能的声明式JavaScript库
Astro
内容优先的网站构建工具
Lit
用于构建快速Web组件的库
Inferno
高效、轻量的React-like库
Alpine
轻量级的JavaScript框架
Qwik
为最快可能的首屏加载而构建
Cycle.js
函数式和响应式的前端框架
Marko
高性能的HTML模板引擎
Nuejs
极简的JavaScript UI库
Htmx
通过HTML属性实现AJAX交互
Yew
Rust编写的前端框架
Nuxt.js
基于Vue的通用应用框架
Next.js
React服务端渲染应用框架
SvelteKit
Svelte的全功能Web应用框架
SolidStart
Solid的全栈应用框架
micro-frontends
微前端概念与示例集合
single-spa
微前端实现方案
qiankun
支付宝开源微前端解决方案
Garfish
字节跳动出品微前端框架
icestark
面向大型应用的微前端解决方案
无界
极致的微前端框架
awesome micro frontends
微前端资源集合
后端与全栈
样式与UI
PostCSS
用JavaScript转换CSS的工具
SASS
成熟、稳定、强大的CSS扩展语言
Less
向CSS中添加编程特性的语言
Stylus
富有表现力、动态且健壮的CSS
PandaCSS
高性能的CSS-in-JS解决方案
TailwindCSS
实用优先的CSS框架
WindiCSS
下一代工具类CSS框架
unocss
即时按需原子CSS引擎
Lightning CSS
极快的CSS解析和编译工具
Element Plus
为开发者、设计师和产品经理准备的桌面端组件库
Naive UI
Vue 3的高质量组件库
Vant UI
轻量、可靠的移动端组件库
vuetify
Vue的Material Design组件框架
Radix Vue
无样式可访问的Vue组件
Shadcn Vue
为Vue设计的可复制组件
Ant Design
为Web应用提供设计规范和React实现
Material UI
React组件库，实现Google的Material Design
Shadcn UI
可复制粘贴的React组件
Chakra UI
简单、模块化且可访问的React组件库
styled-components
React的CSS-in-JS库
emotion
为应用而生的CSS-in-JS库
状态管理与工具
构建与工具链
vite
下一代前端构建工具
webpack
静态模块打包工具
parcel
零配置Web应用打包工具
rollup
JavaScript模块打包工具
esbuild
极快的打包和压缩工具
tsup
TypeScript打包工具
unbuild
统一构建系统
turbo
高性能构建工具
rolldown
Rust编写的快速打包工具
rspack
基于Rust的Web打包工具
swc
基于Rust的TypeScript/JavaScript编译器
farm
极速Web构建工具
VitePress
由Vite和Vue驱动的静态站点生成器
VuePress
Vue驱动的静态网站生成器
Docusaurus
Facebook开源文档站点生成器
Startlight
为内容网站构建的Astro主题
Hexo
快速、简洁且高效的博客框架
Slidev
为开发者打造的演示文稿工具
跨平台开发
资源与设计
XIcons
SVG Vue/React组件图标库
Iconify
统一图标框架
IconPark
字节跳动出品的图标库
Lucide Icon
开源图标库
Simple Icons
流行品牌的免费SVG图标
Font Awesome
矢量图标和CSS工具包
Bootstrap Icons
Bootstrap官方图标库
Iconfont
阿里巴巴矢量图标库
Unsplash
免费高质量图片
.png)
Many Pixels
免费插画素材库
Undraw
开源插画集合
搜图导航
设计师图片素材导航
Web 安全色
Web安全色参考
渐变色
在线渐变色生成器
SVG background
SVG背景图案生成
SVG 波浪背景生成
波浪状SVG背景生成器
贝塞尔生成
CSS贝塞尔曲线生成器
CSS 动画
CSS动画效果集合
CSS Timing Function
CSS缓动函数参考
Color Hunt
流行配色方案收集
Colordrop
简约配色灵感工具
Picular
基于Google图片的配色提取
开发工具与测试
storybook
UI组件开发和测试环境
vitest
由Vite驱动的测试框架
cypress
现代化端到端测试工具
jest
令人愉快的JavaScript测试框架
mocha
功能丰富的JavaScript测试框架
ava
面向未来的测试运行器
karma
令人满意的JavaScript测试器
nightwatch
集成自动化测试框架
sinon
JavaScript测试辅助库
chai
BDD/TDD断言库
tape
为Node和浏览器设计的测试工具
istanbul
JavaScript代码覆盖率工具
uvu
轻量级且快速的测试框架
Chart.js
简单灵活的JavaScript图表库
ECharts
百度开源可视化图表库
Mermaid
用文本生成图表的库
ApexCharts
现代JavaScript图表库
visx
Airbnb可视化组件库
C3.js
基于D3的可重用图表库
D3
数据驱动文档的JavaScript库
G2
蚂蚁集团数据可视化解决方案
G2Plot
开箱即用的图表库
G6
图可视化引擎
F2
移动端可视化解决方案
X6
图编辑引擎
jsdelivr
开源项目CDN服务
cdnjs
免费开源CDN服务
unpkg
npm上的CDN服务
Bootcdn
稳定、快速、免费的前端开源项目CDN
社区与学习资源
dev.to
庞大用户、学习技术、分享交流
思否
中文技术问答社区
掘金
中文技术社区
v2ex
中文技术社区，分享、探索
LeetCode
算法题库
Nodeweekly
Node.js最新资讯
JavaScript Weekly
JavaScript最新资讯
Frontender
前端技术周刊
奇舞周刊
前端技术周刊
web.dev
Web开发教程和指南
Chrome Developer
Chrome开发者博客
builder.io
现代Web开发博客
Learn Git Branching
学习 git 分支
js 可视化执行
JavaScript代码可视化执行工具
js 性能对比
在线JavaScript性能测试工具
AST explorer
在线AST查看和转换工具
正则生成，图解
正则表达式可视化工具
正则测试
在线正则表达式测试工具
tldr
在线帮助手册
bestofjs
前端开源项目最新热点趋势
publint
检查 npm package 是否正确发布
Ray
代码 Demo 图片生成
Carbon
代码 Demo 图片生成
屏幕截图设备模型生成器
将屏幕截图适配到不同的设备模型中
在线画板
在线画板
Nginx 配置生成
在线Nginx配置生成工具
caniuse
Web兼容性检查工具