介绍
MioUI 是一套基于 shadcn/ui、遵循 Claude 设计美学的组件集合。
MioUI 不是一个装进 node_modules 的组件包。和 shadcn/ui 一样，你把需要的组件复制进自己的项目，代码归你所有，随意修改。
设计原则
- 温润编辑感：暖灰底色，衬线标题，强调色只出现在关键操作上。
- 微对比分层：Surface 0–3 明度差 + 发丝边，不用粗边框。
- 单线框纪律：有边框的容器里，按钮和标签不再加边框。
- 弹簧动效：统一使用 SNAPPY / BOUNCY / GENTLE / HEAVY_SNAP 四个预设。
- 只换主题色：切换主题只改变强调色，其他颜色全部固定。
技术栈
Next.js · Tailwind CSS v4 · shadcn/ui 约定 · Phosphor Icons · Motion