以下是常用UI框架的分类总结，涵盖不同技术栈和应用场景，帮助开发者快速选择合适工具：
一、React 生态
1. Ant Design
核心特点：企业级中后台设计语言，组件丰富（表单、表格、图表等），支持TypeScript。适用场景：后台管理系统、数据可视化页面。优点：文档完善，中文支持友好；与UmiJS深度集成，支持插件化开发。缺点：自定义样式需覆盖大量CSS，部分组件API复杂。
2. Material-UI（MUI）
核心特点：基于Google Material Design规范，提供主题定制工具（如createTheme）。适用场景：国际化应用、需要高度一致性的设计。优点：设计规范严谨，社区活跃；支持暗黑模式。缺点：部分组件样式较重，需配合@emotion或styled-components优化。
3. Chakra UI
核心特点：注重可访问性和性能，采用utility-first理念，支持按需加载。适用场景：追求轻量级、高性能的现代Web应用。优点：支持服务器端渲染（SSR），支持React 18+特性。缺点：学习成本较高，组件风格偏简洁。
二、Vue 生态
1. Element Plus
核心特点：专为Vue 3设计，提供丰富的PC端组件（如日期选择器、弹窗）。适用场景：国内中后台管理系统、内部工具。优点：中文文档完善，与Vue生态（如Vite、Pinia）兼容好。缺点：移动端适配较弱，部分组件样式较传统。
2. Vuetify
核心特点：基于Material Design，提供强大的栅格系统和主题配置。适用场景：需要响应式布局的Web应用。优点：与Vue CLI深度集成，支持Sass主题定制。缺点：组件体积较大，部分功能依赖浏览器API。
3. Naive UI
核心特点：轻量级组件库，注重性能和零依赖。适用场景：中小型项目或对打包体积敏感的应用。优点：API设计简洁，支持Composition API。缺点：组件数量较少，缺少复杂业务模板。
三、Angular 生态
1. Angular Material
核心特点：官方维护，严格遵循Material Design规范。适用场景：大型企业级应用，需要高度一致性的设计。优点：与Angular生命周期无缝结合，主题定制灵活。缺点：组件样式较重，学习成本高。
2. NG-ZORRO
核心特点：基于Ant Design设计，专为Angular优化。适用场景：中后台管理系统（尤其国内项目）。优点：支持Angular CLI，文档包含中英文双语。缺点：依赖较多，部分组件API与Ant Design React版差异较大。
四、移动端框架
1. Flutter
核心特点：Google开源，一套代码实现iOS/Android/Web/桌面端。适用场景：高性能跨平台应用（尤其需要原生体验的场景）。优点：热重载开发效率高，自带Material和Cupertino风格组件。缺点：生态相对封闭，第三方库质量参差不齐。
2. React Native + 组件库
常用库：
Ant Design Mobile：适合中后台类App，与React Native深度整合。NativeBase：轻量级，提供基础组件和主题工具。React Native Paper：Material风格，注重手势交互。
适用场景：跨平台移动应用（需平衡性能与开发效率）。
五、CSS 框架
1. Bootstrap
核心特点：栅格系统成熟，兼容JQuery（v5后移除依赖）。适用场景：快速搭建响应式页面，传统企业官网。优点：浏览器兼容性好，组件即用即开。缺点：样式臃肿，定制化困难（需手动覆盖CSS）。
2. Semantic UI
核心特点：类命名语义化（如