前端与 UI
TECH STACK开发技术栈Web 界面的框架、组件库、样式方案、状态管理与构建工具:从「页面怎么渲染」到「组件从哪来」,一页看完。
收录条目
94 条
按用途筛选,同类才可比
先按分类把范围缩到一类:框架与渲染、组件库与设计系统、状态与数据、富交互与可视化、Web 基础与协议;同一类里再比形态与许可证。
分类
5 个
按用途分组
适用场景
技术选型
先定位,再比同类
数据日期
2026-10-27
核对到这一天
口径边界
只比同类
跨类不横向比
筛选与排序
显示 12 / 94 条前端与 UI 对照表
显示 12 / 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 处于同一层,都是页面组件技术。 | — | 查看详情 |
数据说明
收录规模94 个条目分 5 类,同类之间才可比
资料口径各项目官方文档与代码仓库以官方文档与仓库为准,只做中文整理
数据日期2026-10-27核对到这一天,官方改动以官方为准
口径边界只比同类跨类场景不同,不可直接比价与打分
常见问题
组件库、Headless 原语、样式工具能一起比吗?
不能。Ant Design / Element Plus 是开箱即用的业务组件库,Radix / Base UI 只提供行为与无障碍原语,Tailwind 是样式工具。前两类给你自由度但要自己写组件,第三类交付快但定制成本高。
框架和元框架(Next.js / Nuxt)是什么关系?
元框架在框架之上补了路由、渲染模式(SSR/SSG/RSC)与构建约定。选 React 但不选元框架,等于自己拼路由与构建;选 Next.js 则要接受它的约定与升级节奏。
条目信息取自各项目官方仓库与文档;定位、优势与注意事项为中文归纳,数值不改写,仓库地址、许可证与版本以官方为准。