March7th UI Vue为 Vue 3 打造的组件库

基于 shadcn-vue 与 Reka UI 的完整组件集，支持 npm 导入、子路径引用和源码复制。

🧩

完整组件集

覆盖基础展示、表单输入、浮层反馈、导航布局和聊天场景。

📦

既可从 npm 包导入，也可通过 CLI 将组件及其依赖复制到项目中。

🎨

使用 Tailwind CSS v4、OKLCH 色彩和明暗主题变量进行定制。

♿

基于 Reka UI 提供键盘导航、焦点管理和 ARIA 语义。

组件文档包含真实交互示例和常用 API 表。下面是基础按钮的直接预览。

不同视觉层级对应不同操作优先级。

六种视觉状态多种尺寸图标按钮

bash

pnpm add @mar7th/march7th-ui-vue

import "@mar7th/march7th-ui-vue/style.css"
import { Button } from "@mar7th/march7th-ui-vue/components/button"