前端与 UI
TECH STACK开发技术栈Web 界面的框架、组件库、样式方案、状态管理与构建工具：从「页面怎么渲染」到「组件从哪来」，一页看完。
收录条目
94 条
按用途筛选，同类才可比
先按分类把范围缩到一类：框架与渲染、组件库与设计系统、状态与数据、富交互与可视化、Web 基础与协议；同一类里再比形态与许可证。
分类
5 个
按用途分组
适用场景
技术选型
先定位，再比同类
数据日期
2026-10-27
核对到这一天
口径边界
只比同类
跨类不横向比
筛选与排序
显示 94 / 94 条前端与 UI 对照表
第 1 / 4 页 · 共 94 条| 名称 | 分类 | 形态 | 一句话定位 | 亮点 / 热度 | 许可证 | 详情 |
|---|---|---|---|---|---|---|
| Astro Astro Technology Company · 框架与渲染 | 框架与渲染 | 内容站点框架 | 以内容为主的静态站点框架 | 默认输出静态 HTML、几乎不发 JS，只在需要的组件上加交互，内容站首屏与性能指标… | MIT | 查看详情 |
| Blazor 前端 · .NET 前端 | 框架与渲染 | 技术名词 | 使用 .NET 技术构建交互式 Web UI 的方案 | 用 .NET / C# 参与页面交互开发。 | — | 查看详情 |
| Flutter Web 前端 · 跨端前端 | 框架与渲染 | 技术名词 | 使用 Flutter 构建 Web 用户界面的方案 | 用 Flutter 的组件模型把界面带到浏览器。 | — | 查看详情 |
| Module Federation Module Federation 社区 · 框架与渲染 | 框架与渲染 | 微前端模块共享方案 | 让多个前端应用共享模块 | 构建时把远程模块暴露出来、运行时按需加载，多个独立应用能共享组件与依赖，避免重复打包… | MIT | 查看详情 |
| Next.js 前端 · 全栈框架 | 框架与渲染 | 技术名词 | React 应用框架 | React 加路由、渲染、构建和服务端能力。 | — | 查看详情 |
| Nuxt 前端 · 全栈框架 | 框架与渲染 | 技术名词 | Vue 应用框架 | Vue 体系对应 Next.js 的应用框架。 | — | 查看详情 |
| Phoenix LiveView 前端 · 实时 UI | 框架与渲染 | 技术名词 | 以服务端状态驱动实时页面交互的 Phoenix 方案 | 服务端保持状态，浏览器通过实时连接更新界面。 | — | 查看详情 |
| React 前端 · 前端 | 框架与渲染 | 技术名词 | 组件化 UI 库 | 负责“页面长什么样、怎么交互”。 | — | 查看详情 |
| Remix Shopify · 框架与渲染 | 框架与渲染 | 全栈 Web 框架 | 以 Web 标准为地基的全栈框架 | 路由即数据加载边界，表单提交走原生请求与响应，渐进增强默认可用；错误边界与嵌套路由处… | MIT | 查看详情 |
| SvelteKit Svelte 团队 · 框架与渲染 | 框架与渲染 | 全栈应用框架 | Svelte 官方全栈应用框架 | 编译期把响应式逻辑转成原生 DOM 操作，运行时开销小；路由、数据加载、表单动作与预… | MIT | 查看详情 |
| TanStack Router TanStack · 框架与渲染 | 框架与渲染 | 类型安全的路由方案 | 带类型安全与数据加载的路由 | 路由参数、搜索参数和路径都带类型推导，写错路径编译期就报；内置加载器、缓存与预取，把… | MIT | 查看详情 |
| Vue 前端 · 前端 | 框架与渲染 | 技术名词 | 渐进式前端 UI 框架 | 和 React 处于同一层，都是页面组件技术。 | — | 查看详情 |
| Angular Material Angular 生态 · Google 官方 | 组件库与设计系统 | 官方体系组件库 | Angular 官方设计体系 | 与 Angular 深度集成，Material 规范、无障碍和长期维护能力稳定。 | — | 查看详情 |
| Ant Design React 生态 · 企业级组件库 | 组件库与设计系统 | 开箱即用的业务组件库 | 中后台完整组件体系 | 表单、表格、日期、反馈和国际化能力成熟，业务交付效率高。 | — | 查看详情 |
| Ant Design Vue Vue 3 生态 · Ant Design 体系 | 组件库与设计系统 | 开箱即用的业务组件库 | Vue 版企业组件库 | 表格、表单、布局和设计规范成熟，适合已有 Ant Design 资产的团队。 | — | 查看详情 |
| Arco Design React 生态 · 字节跳动 | 组件库与设计系统 | 开箱即用的业务组件库 | 企业级设计系统 | 表格、虚拟滚动、主题和 Figma 资源较完整，中文团队上手方便。 | — | 查看详情 |
| Arco Design Vue Vue 3 生态 · 字节跳动 | 组件库与设计系统 | 开箱即用的业务组件库 | Vue 企业设计系统 | 主题、表格、虚拟列表和设计资源较强，适合国内团队统一视觉。 | — | 查看详情 |
| Ark UI Chakra Systems · 组件库与设计系统 | 组件库与设计系统 | 跨框架无样式组件 | 一套逻辑多框架的组件集 | 同一套状态机同时产出 React、Vue、Svelte、Solid 组件，换框架不必… | MIT | 查看详情 |
| Carbon Design System IBM · 组件库与设计系统 | 组件库与设计系统 | 企业级设计系统 | IBM 开源的企业设计系统 | 组件按数据密集的后台场景设计，表格、筛选、表单校验的模式固定，配套设计规范、图标与无… | Apache-2.0 | 查看详情 |
| Chakra UI Chakra Systems · 组件库与设计系统 | 组件库与设计系统 | React 组件库 | 面向 React 的模块化组件库 | 样式直接写成 prop，间距、颜色与响应式断点都在 JSX 里表达，不必维护额外 C… | MIT | 查看详情 |
| daisyUI Tailwind / Headless / 跨框架 · Tailwind 插件 | 组件库与设计系统 | 样式工具 / 行为原语 | CSS 类组件方案 | 语义化类名、主题丰富、无复杂 JavaScript 运行时，快速搭建视觉基础。 | — | 查看详情 |
| Element Plus Vue 3 生态 · Vue 3 中后台 | 组件库与设计系统 | 开箱即用的业务组件库 | 成熟的企业组件库 | 中文资料多，表单、表格和后台基础组件齐全，团队上手成本低。 | — | 查看详情 |
| Element UI Vue 2 存量生态 · Vue 2 | 组件库与设计系统 | 存量维护与迁移 | 历史项目基础组件 | 中文文档和既有项目数量大，维护旧后台时仍然常见。 | — | 查看详情 |
| Excalidraw 开发者工作台内嵌组件 · Canvas / Whiteboard | 组件库与设计系统 | 开发者工具内嵌组件 | 白板与草图预览 | 适合把结构化结果转成可视化草图、流程和协作画布。 | — | 查看详情 |
| Flowbite Tailwind / Headless / 跨框架 · Tailwind · 多框架 | 组件库与设计系统 | 样式工具 / 行为原语 | Tailwind 组件与交互 | 覆盖 React、Vue、Svelte 和原生 JS，基础交互和 Figma 资源较… | — | 查看详情 |
| Fluent UI Microsoft · 组件库与设计系统 | 组件库与设计系统 | 企业设计系统 | 微软产品线在用的设计系统 | 组件与设计 token 和 Microsoft 365 同源，办公类交互模式成熟；提… | MIT | 查看详情 |
| Flutter Material / Cupertino 小程序 / 跨端框架自带 · Dart · Flutter | 组件库与设计系统 | 端自带或跨端组件方案 | 跨平台框架内置组件 | Google 官方维护，移动端、桌面端和跨平台 UI 体系完整。 | — | 查看详情 |
| Headless UI Tailwind Labs · 组件库与设计系统 | 组件库与设计系统 | 无样式交互组件 | 不含样式的交互组件集合 | 只提供下拉、对话框、切换等交互逻辑与无障碍键盘行为，DOM 与类名完全交给自己写，能… | MIT | 查看详情 |
| HeroUI React 生态 · 原 NextUI | 组件库与设计系统 | 开箱即用的业务组件库 | 现代视觉组件库 | 默认视觉精致，动画和 Tailwind 结合较好，适合快速做出产品感界面。 | — | 查看详情 |
| Lucide Icons 前端 · 图标库 | 组件库与设计系统 | 技术名词 | 风格统一、可定制的开源 SVG 图标库 | 用一套轻量图标保持界面语言统一。 | — | 查看详情 |
数据说明
收录规模94 个条目分 5 类，同类之间才可比
资料口径各项目官方文档与代码仓库以官方文档与仓库为准，只做中文整理
数据日期2026-10-27核对到这一天，官方改动以官方为准
口径边界只比同类跨类场景不同，不可直接比价与打分
常见问题
组件库、Headless 原语、样式工具能一起比吗？
不能。Ant Design / Element Plus 是开箱即用的业务组件库，Radix / Base UI 只提供行为与无障碍原语，Tailwind 是样式工具。前两类给你自由度但要自己写组件，第三类交付快但定制成本高。
框架和元框架（Next.js / Nuxt）是什么关系？
元框架在框架之上补了路由、渲染模式（SSR/SSG/RSC）与构建约定。选 React 但不选元框架，等于自己拼路由与构建；选 Next.js 则要接受它的约定与升级节奏。
条目信息取自各项目官方仓库与文档；定位、优势与注意事项为中文归纳，数值不改写，仓库地址、许可证与版本以官方为准。