主流前端技术栈、框架与组件库生态选型指南
一、Web 原生技术栈
1. HTML + CSS + JavaScript（原生开发）
技术特点
- 无框架依赖
- 适合轻量级项目、性能要求极高场景
常见组件库
- Bootstrap
- 老牌 UI 框架
- 提供响应式布局 + 基础组件
- 适合后台管理系统、传统企业项目
- Tailwind CSS
- 原子化 CSS
- 高自由度定制
- 适合设计驱动型项目
- Bulma
- 纯 CSS 框架
- 轻量简洁
- Foundation
- 企业级响应式框架
二、React 技术栈（JS / TypeScript）
当前全球最主流前端框架之一
核心语言
- JavaScript
- TypeScript（强类型，企业级首选）
框架
- React
组件库生态
企业级
- Ant Design
- 国内企业项目首选
- 后台系统强
- Material UI（MUI）
- 基于 Google Material Design
- 国际化强
- Chakra UI
- 简洁易用
- 支持暗黑模式
设计系统 / 高自由度
- shadcn/ui
- 基于 Tailwind + Radix
- 高度可定制
- Radix UI
- 无样式组件（Headless）
- Headless UI
移动端
- React Native
- React Native Paper
三、Vue 技术栈
国内生态最成熟
框架
- Vue.js
