网页 UI 框架选型库

看你要「少写代码」还是「长得不一样」。Bootstrap 给的是成品组件，粘上类名就有导航、 卡片、弹窗，一两天能出页面，代价是默认外观辨识度高；Tailwind 给的是原子类， 外观完全由你拼，但结构要自己写、团队要适应类名较长的写法。 内部后台、活动页选 Bootstrap 更省事；对品牌外观有要求、长期维护的选 Tailwind。

先看技术栈：React 用 Ant Design，Vue 3 用 Element Plus，这是各自生态里最稳的默认答案。 在此之上再比两点——组件复杂度（Ant Design 的表格、树、穿梭框配置更深，适合复杂业务） 与上手成本（Element Plus 中文文档更友好、示例能直接抄）。 团队没做过重交互后台，优先 Element Plus；业务复杂、或来自 React 体系，优先 Ant Design。

因为它用复制源码的方式分发：命令行把组件代码拷进你的项目，之后归你所有、随便改。 好处是不会被组件库的 API 和升级节奏绑死，样式也统一在你自己的体系里； 代价是上游更新要自己手动同步，团队得会写 Tailwind。 想要省心就用开箱即用的组件库，想要完全可控才选这种模式。

能用，但要分清停在哪一步。纯 CSS 框架如果不依赖新浏览器特性，停更几年通常照样跑， 风险主要在文档过时、社区没人答疑；而带 JavaScript 交互的组件库停更风险大得多—— 浏览器更新、依赖漏洞、框架大版本升级，都可能让它直接坏掉。 新项目选活跃项目，老项目沿用停更件可以，别硬留。

组件库给的是零散零件（按钮、表格、弹窗），页面怎么组织由你决定，适合长期演进的项目； 后台模板给的是一整套已经拼好的界面（侧栏、导航、列表页、设置页）， 适合想一两天看到成品、或者先拿个骨架再改的场景。 两者不冲突，常见做法是用模板起步、用组件库往里补。

同量级，看业务类型。Vant 是有赞出品、社区更大，算通用移动端的默认答案； NutUI 是京东出品，商品卡、订单、优惠券、倒计时这类电商专属件更全。 做电商类移动端可以先看 NutUI，其他移动端场景选 Vant 更稳。 注意微信小程序要用独立的 Vant Weapp，别直接拿 Vant 硬套。