本页长期有效 · 建议 Ctrl+D 收藏 全部工具

UI 组件库

shadcn/ui / Tailwind CSS / Radix UI
适用环境：组件复用 · 设计一致 · 开箱即用

一键安装命令

Windows 10/11 自带 winget。按 Win + X 打开「终端(管理员)」，逐条粘贴执行。 
winget install OpenJS.NodeJS.LTS

包含的工具

shadcn/ui
复制粘贴式组件，基于 Radix + Tailwind官方页 →
Tailwind CSS
原子化 CSS，写界面快官方页 →
Radix UI
无样式可访问性组件官方页 →

操作步骤

1初始化
npx shadcn@latest init 按提示选主题色和配置。
2加组件
npx shadcn@latest add button dialog table 组件代码会复制到你的项目里，可自由修改。
3定制主题
改 globals.css 里的 CSS 变量，颜色和圆角会自动应用到所有组件。

常见问题

Q：和 Ant Design 区别
A：shadcn 是源码复制，完全可控；AntD 是 npm 包，定制受限。
Q：适合什么项目
A：中后台和管理系统特别合适。复杂交互组件还需要另找。

相关工具包

字体设计工具
FontForge / Birdfont / Glyphs 替代
配色工具
Coolors 替代 / Adobe Color / 对比度检查
口语练习工具
Whisper 发音评估 / ELSA 替代 / 语音识别
企业管理系统
Odoo / ERPNext / Dolibarr
语法检查工具
LanguageTool / Grammarly 替代 / Vale
工单系统
osTicket / Zammad / Chatwoot
查看全部 140 个工具包 →
本页所列工具均为官方正版软件，来源可查，可放心安装。
本站不托管安装包，下载均指向官方来源；使用 winget 可直接从官方源安装。
如遇问题，请联系客服并提供订单号。