webhint webhint 是一个前端网站检查工具,帮助开发者发现性能、安全、兼容性和可访问性问题。支持在浏览器 DevTools、VS Code 和 CLI 中使用,适合开发流程中的代码审查和 CI/CD 集成。 070 前端开发# Web 最佳实践# 代码检查# 前端开发
Chrome for Developers Chrome 官方开发者网站,提供 DevTools、Web 平台 API、性能优化等文档和工具,帮助开发者构建现代 Web 应用。 060 前端开发# Chrome# Web 性能# 前端开发
MDN Web Docs Mozilla 维护的 Web 技术权威文档库,提供 HTML、CSS、JavaScript 及浏览器 API 的详细参考和指南,适合各阶段前端开发者查阅学习。 060 前端开发# Web技术# 前端开发# 开发者文档
LottieFiles LottieFiles 是一个提供轻量级 Lottie 动画资源与编辑工具的平台,支持设计师和开发者查找、测试、编辑和集成矢量动画,适用于网页和移动应用,简化动画工作流。 060 前端开发# Lottie动画# 前端开发# 动画资源
Anime.js Anime.js 是一款轻量级 JavaScript 动画库,支持 CSS、SVG、DOM 属性和时间轴动画。适用于前端开发人员快速创建高性能、灵活的 Web 动画。 060 前端开发# JavaScript# SVG动画# 前端开发
Motion Motion 是一个生产级的 JavaScript 和 React 动画库,提供高性能动画引擎、原生手势和布局动画功能。支持 React、JavaScript 和 Vue,拥有 MIT 开源许可,广泛应用于 Framer 和 Figma 等平台。 060 前端开发# JavaScript# React# 前端开发
GSAP GSAP 是一款高性能的 JavaScript 动画库,专为复杂网页动效和交互动画设计。它能流畅控制 DOM、SVG、Canvas 等元素,适合专业前端开发者构建精细动画序列。 060 前端开发# JavaScript动画库# SVG动画# 交互动画
Mermaid 开源文本驱动的图表绘制工具,通过简洁语法生成流程图、时序图、甘特图等,支持嵌入文档与网站,广泛应用于开发文档、项目管理等领域。 050 前端开发编程工具# Markdown扩展# 图表绘制# 文档工具
Chart.js Chart.js 是一款简洁灵活的 JavaScript 图表库,基于 HTML5 Canvas 渲染,支持 8 种常见图表类型,具备响应式布局和动画效果,适合前端开发者快速集成数据可视化功能。 060 前端开发# JavaScript# 前端开发# 图表库
Apache ECharts ECharts 是 Apache 软件基金会孵化的开源 JavaScript 图表库,提供丰富的图表类型与组件,支持千万级数据流畅渲染,适合业务报表和数据可视化大屏开发。 080 前端开发# JavaScript# 前端开发# 图表库
D3.js D3.js 是一个数据驱动的 JavaScript 可视化库,提供创建自定义动态可视化的无与伦比的灵活性。适用于构建复杂图表和交互式数据展示,广泛应用于数据分析和前端开发。 060 前端开发# JavaScript# 前端开发# 开源库
Three.js Three.js 是一个轻量级的 JavaScript 3D 图形库,基于 WebGL 封装,让开发者无需深入了解图形学即可在浏览器中创建复杂的三维场景、动画和交互体验。 070 前端开发# 3D图形库# JavaScript# Web3D
Puppeteer Chrome 官方团队维护的浏览器自动化工具,提供高级 API 控制 Chrome 或 Firefox,适合页面测试和自动化操作。 050 前端开发编程工具# Node.js# 测试工具# 浏览器自动化
Testing Library 面向用户行为的前端测试工具集合,支持React、Vue、Angular等主流框架,提供简单、完整的测试工具,帮助开发者编写可维护的测试,确保测试结果与用户真实使用体验一致。 050 前端开发# Angular# React# Vue
Jest Jest 是一个简单易用的 JavaScript 测试框架,专注于零配置、快速执行和丰富功能。它支持 Babel、TypeScript、Node、React、Vue 等主流技术栈,提供快照测试、并行执行、代码覆盖率等特性,让编写测试更高效。 060 前端开发编程工具# JavaScript测试框架# 前端开发# 单元测试
Vitest Vitest是基于Vite的下一代测试框架,提供极速的单元测试和组件测试体验,兼容Jest语法,支持TypeScript、ESM和JSX,适合现代前端项目和全栈应用。 060 前端开发编程工具# Vite# 前段工具# 单元测试
Cypress Cypress 是一个开源的前端端到端测试工具,专为现代 Web 应用设计,支持交互测试和组件测试。它提供实时重载、调试和 AI 辅助测试生成功能,适用于开发者和 QA 团队。 070 前端开发编程工具# 前端开发# 开源# 测试框架
Playwright Microsoft 推出的端到端测试工具,支持多浏览器自动化测试。用于编写可靠、快速的浏览器测试脚本,支持 Chromium、Firefox 和 WebKit,提供自动等待、并行执行和追踪查看功能。 050 前端开发编程工具# 测试框架# 浏览器自动化# 端到端测试
PostCSS PostCSS 是一个用 JavaScript 插件转换 CSS 的工具。支持自动添加浏览器前缀、使用未来 CSS 语法、CSS Modules、样式检查等功能,广泛应用于前端工程化。 060 前端开发# CSS工具# PostCSS插件# 前端开发
Less CSS预处理语言,扩展CSS变量、嵌套、混合、函数等特性,兼容CSS语法。提供Less.js编译器,支持Node.js和浏览器端使用。 070 前端开发# CSS预处理# Less# 前端开发
UnoCSS UnoCSS是即时按需原子化CSS引擎,无需解析和扫描,速度比Tailwind CSS JIT快5倍。通过预设提供所有功能,支持Vite、Webpack等多种集成,适合高性能前端项目。 060 前端开发# CSS工具# 前端开发# 原子化CSS
Headless UI Tailwind Labs 出品的无样式 UI 组件库,提供完全可访问且无样式的组件,支持 React 和 Vue,可无缝集成 Tailwind CSS,方便开发者构建自定义设计。 050 前端开发# React组件# Tailwind CSS# UI组件库
Radix UI Radix UI 提供无样式、可访问性优先的 React UI 原语组件库,包括主题、图标和色彩系统。帮助开发者快速构建高质量、可访问的用户界面,无需额外配置。开源且免费使用。 060 前端开发# React组件库# 前端开发# 开源UI
shadcn/ui shadcn/ui 是一套基于 Radix UI 和 Tailwind CSS 构建的可复制 React 组件集合,开发者可自由定制、扩展,并用于搭建自己的设计系统。开源项目,代码托管于 GitHub。 070 前端开发# React组件库# Tailwind CSS# UI组件
daisyUI daisyUI是Tailwind CSS的组件库插件,提供语义化组件类名、多主题支持和纯CSS实现,帮助开发者减少HTML类名数量,快速构建统一风格的UI界面。 050 前端开发# Tailwind CSS# UI开发# 主题系统