标签 UI 下的文章

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
  3. 3
  4. 4