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等多种集成,适合高性能前端项目。 070 前端开发# 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开发# 主题系统
Mantine Mantine 是一个功能全面的 React 组件库,包含 120 多个可定制组件和 70 多个实用 Hooks,用于快速构建现代、可访问的 Web 应用程序。 060 前端开发# Hooks# React# UI组件库
Chakra UI Chakra UI 是一个专注于可访问性和模块化的 React 组件库,提供丰富的预设组件、灵活的主题系统和响应式支持,帮助开发者快速构建高质量网页应用与设计系统。 050 前端开发# React# UI框架# 前端开发
Quasar 基于Vue.js的企业级跨平台前端框架,可构建SPA、SSR、PWA、移动应用和桌面应用,提供70+高性能Material Design组件,一套代码多端运行。 050 前端开发# Material Design# Vue# 前端框架
Vuetify 基于 Vue 的 Material Design 组件框架,提供大量可复用组件,适合快速构建美观的 Web 应用界面。 040 前端开发# Material Design# UI框架# Vue组件
Naive UI Naive UI 是一个 Vue 3 组件库,提供丰富的常用界面组件,支持 TypeScript 和主题定制,适合快速构建中后台应用。 050 前端开发# TypeScript# Vue3# 主题定制
Element Plus Element Plus 是基于 Vue 3 的桌面端组件库,专为设计师和开发者打造,提供丰富的 UI 组件和设计资源,适用于后台管理系统和企业级应用的前端开发。 050 前端开发# Vue3# 前端框架# 后台管理
Material UI Material UI 是基于 Google Material Design 的 React 组件库,提供丰富、可定制的 UI 组件,帮助开发者快速搭建美观、一致的前端界面,适用于中后台应用和企业级项目。 040 前端开发# Material Design# React 组件库# UI 组件
Semantic UI 一个开源的语义化前端UI框架,通过直观的HTML类语法快速构建响应式网页。提供超过50个组件和3000+主题变量,支持Angular、React、Meteor等框架集成,适合追求开发效率与设计一致性的团队。 050 前端开发# UI组件# 前端框架# 响应式设计
Foundation Foundation 是一系列响应式前端框架,用于快速构建跨设备的网站、应用和邮件。提供语义化 HTML、CSS 和 JavaScript 组件,支持自定义布局,适合设计师和开发者使用。 050 前端开发# CSS框架# 前端框架# 响应式设计
Bulma 基于 Flexbox 的现代 CSS 框架,免费开源,提供丰富的即用组件,帮助开发者快速构建响应式网页界面。支持 Sass 变量定制,无需 JavaScript,适合各种前端项目。 040 前端开发# CSS框架# Flexbox# 前端开发
Bootstrap 全球最受欢迎的HTML、CSS、JS前端框架,提供响应式栅格系统、丰富的UI组件和强大的JavaScript插件,帮助开发者快速构建现代化网站与Web应用。支持Sass定制、CSS变量和Utility API,适用于各类Web开发项目。 060 前端开发# CSS框架# UI组件# 前端开发
Tailwind CSS Tailwind CSS 是一个实用优先的 CSS 框架,通过预定义的原子类(如 flex、pt-4、text-center)直接在 HTML 中组合构建任何设计,无需编写自定义 CSS。支持响应式设计、暗色模式、CSS 网格等现代特性,并可自动清除未使用样式以减小打包体积。 060 前端开发# CSS框架# 前端开发# 响应式设计
TypeScript TypeScript 是 JavaScript 的超集,通过静态类型系统提升代码质量和开发效率。适合大型前端项目、Node.js 后端及任何需要类型检查的场景。 060 前端开发# JavaScript超集# 前端开发# 类型系统
Babel Babel 是一个开源的 JavaScript 编译器,用于将现代 JavaScript 语法转换为向后兼容的版本,支持最新的 ECMAScript 特性、JSX 等,广泛应用于前端工程化和跨平台开发。 040 前端开发# ES6+# JavaScript# 前端工具
SWC SWC 是一个基于 Rust 的超快速 JavaScript/TypeScript 编译工具,性能是 Babel 的 20 倍以上。支持编译、压缩、打包,并被 Next.js、Parcel、Deno 等主流工具采用。 070 前端开发# JavaScript# Rust# 前端开发
esbuild esbuild 是一款极速的 JavaScript 与 CSS 打包压缩工具,专为前端构建优化而设计。它使用 Go 语言编写,性能远超传统工具,适合大型项目快速构建与开发调试。 050 前端开发# CSS# JavaScript# 前端开发
Parcel 零配置的 Web 应用打包工具,支持 JavaScript、TypeScript、CSS、HTML、图像等,自动安装插件,内置开发服务器、热重载、缓存,优化生产构建。 040 前端开发# 前端开发# 打包工具# 构建工具
Rollup Rollup 是 JavaScript 模块打包器,以 tree-shaking 和高效代码分割著称。它支持多种输出格式,插件系统强大,被 Vite 等工具采用,适用于库开发和现代前端构建流程。 060 前端开发# JavaScript工具# Tree-shaking# 前端构建
webpack webpack 是一个强大的 JavaScript 模块打包工具,主要用于将前端项目中的多种资源(如 JS、CSS、图片等)进行模块化处理和打包,支持代码分割、懒加载、插件扩展等特性,适用于构建复杂单页应用和多页面应用。 050 前端开发# 前端开发# 工程化# 开源工具
Vite Vite 是一个现代前端构建工具,基于原生 ES 模块提供极速开发服务器和高效生产构建,支持 TypeScript、JSX、CSS 等,深受社区信赖。 050 前端开发# ES模块# React# Vue