安装

在你的项目里接入 MioUI 的设计令牌。

pnpm add @phosphor-icons/react motion class-variance-authority tailwind-merge

把 tokens.css 和 themes.css 复制到项目，并在全局样式里引入。

app/globals.css

@import 'tailwindcss';
@import './tokens.css';
@import './themes.css';

在「组件」页面的「代码」标签里复制源码，放到 components/ui/。

之后会提供 npx shadcn add 一键安装（自建 registry）。

介绍

MioUI 是一套基于 shadcn/ui、遵循 Claude 设计美学的组件集合。

主题

切换主题只改变强调色，其他颜色永远不变。