标签 UI 下的文章

Library magicui 面向设计工程师的可复制动画组件库
项目
做网站开发，选型本身就很费时间：前端框架、构建工具、组件库、渲染方式，每一项都有一堆候选项，而真正动手写业务之前，往往先要在脚手架和配置里耗掉大半精力。尤其是一个人既要写前端又要管后端时，这种「开工前的准备」很容易被低估。 magicui 把这部分成本压了下来。它是一个 Library，定位是「UI Library for Design Engineers. Animated components and effects you can copy and paste into...
Library pocketjs 跨屏幕复用的 JavaScript UI 组件库
项目
一、项目介绍 做网站开发，选型本身就很费时间：前端框架、构建工具、组件库、渲染方式，每一项都有一堆候选项，而真正动手写业务之前，往往先要在脚手架和配置里耗掉大半精力。尤其是一个人既要写前端又要管后端时，这种「开工前的准备」很容易被低估。 pocketjs 把这部分成本压了下来。pocketjs 是一个 library，定位是「PocketJS: create UI on every screen you love. JavaScript components drawn as...
Library basecoat 兼容任意技术栈的Tailwind组件库
项目
一、项目介绍 用 Tailwind CSS 的人，常常在「自己从零写组件」和「引入一个绑定了某框架的大组件库」之间纠结。前者慢且不一致，后者往往和 React / Vue 绑死，换个框架就全废。想要一套「只给结构与样式、不绑框架、任何 Web 技术栈都能用」的组件，选择很少。 Basecoat 是一套基于 Tailwind CSS 的组件库，核心思路是把「结构」和「样式」分离：它不绑定任何 JS 框架，给出的是可复制、可定制的组件 CSS 与模板，你能把它用在 Next.js...
Library next 阿里React企业级组件库
项目
一、项目介绍 React 生态组件库很多，但要做到「既适合大型中后台、又有完整设计体系、还能在浏览器里直接引 CDN 用」并不容易。很多团队在做阿里系或国内中后台项目时，需要一个经过大规模实战打磨、文档完善、和 React 深度集成的中文友好组件库。 Fusion Next（@alifd/next）是阿里巴巴出品的企业级 React 组件库，沉淀了阿里中后台的设计与工程经验。它提供按钮、表单、表格、穿梭框、日期选择等大量组件，既支持 npm 模块化引入，也支持直接用 scri...
Library fluentui-blazor 微软Blazor的Fluent UI组件库
项目
一、项目介绍 在 .NET 世界里用 Blazor 做应用，过去要么自己拼基础控件，要么引入和 WinForms 时代画风割裂的第三方库。想要一套既现代、又和微软设计语言（Fluent Design）一致、还能直接用在 ASP.NET Core Blazor 上的组件，选择并不多。 Microsoft Fluent UI Blazor 是微软官方出品的 Blazor 组件库，把 Fluent Design 设计体系做成一组原生 Blazor 组件。它和 ASP.NET Cor...
Library naive-ui 可定制的Vue3企业级组件库
项目
一、项目介绍 用 Vue 3 做中后台或产品界面，最怕两件事：一是组件不够全，表格、表单、弹窗、日期选择器到处找第三方；二是主题不灵活，想换一套品牌色要不就改得很痛苦，要不就被默认风格绑架。很多组件库要么体积大、要么定制难，开发体验打折扣。 Naive UI 是一个基于 Vue 3 的企业级组件库，主打「相当完整、主题可定制、TypeScript 友好、性能好」。它内置几十个常用组件，样式用主题变量控制，换肤只是改几个变量；全量 TypeScript，类型提示到位；并且不依赖...
Library lobe-ui 为AIGC应用打造的React组件库
项目
一、项目介绍 做 AI 聊天或 AIGC 类 Web 应用时，通用组件库往往不够「AI 原生」：消息流、会话、模型切换、Thinking 过程这些特有交互，要么自己拼，要么改得面目全非。设计语言也不够统一，和产品的 AI 调性对不上。 Lobe UI 是 LobeHub 开源的 React 组件库，专为构建 AI 聊天与 AIGC Web 应用而设计。它提供一套现代、可主题化的 AI 原生组件，ESM only，需要 React 19 与 motion，配套文档甚至为编码 A...
Library radzen-blazor 功能完备的Blazor免费UI组件库
项目
一、项目介绍 Blazor 开发者常面临一个选择：要么用基础控件自己拼，要么引入笨重的商业组件包。前者后期维护累，后者授权与体积都劝退。尤其当项目需要 DataGrid、图表、日程这类复杂控件时，缺一个就要自己造轮子。 Radzen Blazor 是功能最完整的免费 Blazor UI 组件库，155+ 原生组件涵盖 DataGrid、Scheduler、Gantt、类 Excel 表格、30+ 图表类型，并内置面向 Blazor 的 AI 工具包（AIChat、AIProm...
Library animal-island-ui 可爱治愈风 React 组件库
项目
大多数组件库走的是严肃、中规中矩的企业风，当你想给产品一点温度、做面向年轻人的治愈系界面时，很难直接套用。自己从零画一套插画风组件又太耗时。 Animal-Island-UI 是一个用 React + TypeScript 写的轻量组件库，拥有原创的『小岛』治愈系设计语言，图标、动画、布局都从零手绘。它内置 40 多个组件并遵循 WAI-ARIA 无障碍规范。
Library ng-zorro-antd Angular 企业级 UI 组件库
项目
做 Angular 中后台项目的团队，大多想要 Ant Design 那种成熟、统一的视觉与交互体系，但官方 antd 只服务 React 技术栈。要么自己用 CSS 硬凑一套组件，要么在 Angular 里强行桥接 React 组件，维护成本和体验都很难看。 NG-ZORRO 把 Ant Design 的设计语言完整移植到了 Angular 上，提供 70 多个开箱即用的高质量组件。它不是简单的样式套壳，而是用 TypeScript 重写的、带类型约束、支持主题深度定制的组...
Library naive-ui 基于TypeScript的Vue3组件库体验顺滑
项目
一、项目介绍 Vue 3 项目选型组件库时，常卡在两个诉求之间：一是类型提示要强，二是主题和风格要现代、轻快。不少老牌库对 TypeScript 的支持是后补的，类型推导体验打折；而一些新库又太过花哨、定制成本高。 Naive UI 是面向 Vue 3 的 TypeScript 优先组件库，所有组件都带完整类型，主题用一份配置就能整体换肤，风格偏清爽顺滑。它不依赖运行时 CSS-in-JS 的黑魔法，主题通过 CSS 变量落地，既好维护也方便调试。
Library primitives 无样式可访问React组件原语库
项目
一、项目介绍 做设计系统最尴尬的处境之一，是既要保证无障碍（键盘导航、ARIA、焦点管理），又希望样式完全自己掌控。很多现成组件库把样式和交互逻辑焊死，想改品牌风格就得和默认样式反复搏斗。 Radix Primitives 选择了另一条路：它只提供行为正确的无样式组件原语，对话框、下拉、弹出、标签页、开关等，所有交互、可达性、键盘支持都帮你处理好，但外观完全交给你。配合任意 CSS 方案或 Tailwind，你能搭出既合规又独特的设计系统。
Framework dioxus 用Rust构建跨平台用户界面的框架
项目
前端写久了，性能和部署总是两难：Web 方便但重，原生快但栈割裂。Dioxus 想用 Rust 把这件事统一：一份组件代码，能跑在 Web、桌面（Windows/macOS/Linux）、移动端与服务器上。它借鉴了 React 的心智模型（声明式、Hooks、RSX 语法），但底层是 Rust 的高性能与强类型，对已经用 Rust 的团队尤其友好。 Dioxus 由 Dioxus Labs 维护，定位是「跨平台应用，只需三行代码」。它内置功能丰富的全栈 Web 框架、集成打包...
Library material-ui React主流的Material Design组件库
项目
React 项目里，UI 一致性是最容易被拖垮的一环：每个人写的按钮、表单、弹窗都不太一样，最后产品像拼凑的。MUI（Material UI）把 Google 的 Material Design 落成一套高质量 React 组件，主题、无障碍、暗色模式都打包好，让你直接拿去用，把精力省到业务上。它是 React 生态装机量最大的组件库之一。 对要做产品级界面、又不想在样式上反复造轮子的团队，MUI 的价值是「规范即默认」：接入即用的一套设计语言，配合主题系统还能在不破坏一致性...
Library shadcn-ui 可复制可定制的React组件方案
项目
做前端最怕两件事：要么组件库黑盒，改不动、定制难；要么从零造轮子，样式、可访问性、暗色模式全要自己来。shadcn/ui 走了一条中间路线：它不让你 npm install 一个黑盒，而是把高质量、可访问的组件源码「复制」进你的项目，代码完全归你，想改就改、想扩就扩。它基于 Radix UI 与 Tailwind CSS，是当下 React 生态里最受欢迎的组件方案之一。
  1. 1
  2. 2