前端与 UI

TECH STACK开发技术栈

Web 界面的框架、组件库、样式方案、状态管理与构建工具:从「页面怎么渲染」到「组件从哪来」,一页看完。

收录条目 94 条 按用途筛选,同类才可比

先按分类把范围缩到一类:框架与渲染、组件库与设计系统、状态与数据、富交互与可视化、Web 基础与协议;同一类里再比形态与许可证。

分类 5 个 按用途分组
适用场景 技术选型 先定位,再比同类
数据日期 2026-10-27 核对到这一天
口径边界 只比同类 跨类不横向比

筛选与排序

显示 12 / 94 条
清除条件

前端与 UI 对照表

显示 12 / 94 条
列表只做扫读;官网、仓库与完整说明在详情页
前端与 UI 的条目、分类、形态与许可证
名称分类形态一句话定位亮点 / 热度许可证详情
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 则要接受它的约定与升级节奏。

条目信息取自各项目官方仓库与文档;定位、优势与注意事项为中文归纳,数值不改写,仓库地址、许可证与版本以官方为准。