前端与 UI
TECH STACK开发技术栈Web 界面的框架、组件库、样式方案、状态管理与构建工具：从「页面怎么渲染」到「组件从哪来」，一页看完。
收录条目
94 条
按用途筛选，同类才可比
先按分类把范围缩到一类：框架与渲染、组件库与设计系统、状态与数据、富交互与可视化、Web 基础与协议；同一类里再比形态与许可证。
分类
5 个
按用途分组
适用场景
技术选型
先定位，再比同类
数据日期
2026-10-27
核对到这一天
口径边界
只比同类
跨类不横向比
筛选与排序
显示 10 / 94 条前端与 UI 对照表
显示 10 / 94 条| 名称 | 分类 | 形态 | 一句话定位 | 亮点 / 热度 | 许可证 | 详情 |
|---|---|---|---|---|---|---|
| Apache ECharts Apache 软件基金会 · 交互与可视化 | 富交互与可视化 | 图表可视化库 | 覆盖常见图表需求的图表库 | 图表类型覆盖折线、柱状、地图、关系图等常见需求，配置项驱动、换图不用重写渲染逻辑；大… | Apache-2.0 | 查看详情 |
| CodeMirror 6 CodeMirror 团队 · 交互与可视化 | 富交互与可视化 | 代码编辑器内核 | 可嵌入网页的代码编辑器内核 | 按模块拆分，语言支持、主题、快捷键都按需装配，打包体积可控；增量解析与视口渲染让它能… | MIT | 查看详情 |
| D3 Observable（D3 社区） · 交互与可视化 | 富交互与可视化 | 数据可视化底层库 | 用数据驱动 DOM 与 SVG 绘图 | 把数据绑定到 DOM，用比例尺、形状生成器与过渡做任意定制图表；不限定图表类型，复杂… | ISC | 查看详情 |
| Framer Motion 前端 · 动效库 | 富交互与可视化 | 技术名词 | React 生态的声明式动画与交互动效库 | 用组件状态描述动画，而不是手动操作每一帧。 | — | 查看详情 |
| Lexical Meta · 交互与可视化 | 富交互与可视化 | 富文本编辑器框架 | 可扩展的富文本编辑器框架 | 基于内容可编辑区做状态模型，节点与选区可控，扩展插件按需组合；对无障碍与输入法支持较… | MIT | 查看详情 |
| Lottie Airbnb · 交互与可视化 | 富交互与可视化 | 动效播放库 | 把 AE 动画搬到网页 | 把 After Effects 动画导出成 JSON，在页面与 App 上按矢量播放… | MIT | 查看详情 |
| Motion 前端 · 动效库 | 富交互与可视化 | 技术名词 | React / Web 的声明式动画与交互过渡库 | 动效用来说明状态变化，不应该成为产品的主角。 | — | 查看详情 |
| Shiki + Mermaid + KaTeX 前端 · 代码 / 文档渲染 | 富交互与可视化 | 技术名词 | 代码高亮、流程图和数学公式的内容渲染组合 | 渲染器负责表达，输入清洗和安全策略负责守边界。 | — | 查看详情 |
| Stripe.js 前端 · 支付前端 | 富交互与可视化 | 技术名词 | Stripe 支付流程的浏览器端接入库 | 前端负责支付交互，服务端负责金额、订单和最终确认。 | — | 查看详情 |
| TipTap Tiptap · 交互与可视化 | 富交互与可视化 | 富文本编辑器框架 | 基于文档模型的编辑器框架 | 文档模型来自成熟的编辑内核，扩展以插件方式组合，协作编辑、评论、自定义节点都有现成做… | MIT | 查看详情 |
数据说明
收录规模94 个条目分 5 类，同类之间才可比
资料口径各项目官方文档与代码仓库以官方文档与仓库为准，只做中文整理
数据日期2026-10-27核对到这一天，官方改动以官方为准
口径边界只比同类跨类场景不同，不可直接比价与打分
常见问题
组件库、Headless 原语、样式工具能一起比吗？
不能。Ant Design / Element Plus 是开箱即用的业务组件库，Radix / Base UI 只提供行为与无障碍原语，Tailwind 是样式工具。前两类给你自由度但要自己写组件，第三类交付快但定制成本高。
框架和元框架（Next.js / Nuxt）是什么关系？
元框架在框架之上补了路由、渲染模式（SSR/SSG/RSC）与构建约定。选 React 但不选元框架，等于自己拼路由与构建；选 Next.js 则要接受它的约定与升级节奏。
条目信息取自各项目官方仓库与文档；定位、优势与注意事项为中文归纳，数值不改写，仓库地址、许可证与版本以官方为准。
