介绍
什么是 Moongate Vue?
Moongate Vue 是一个受月亮启发的极简 Vue 3 组件库。设计令牌驱动,CSS 优先,框架无关。
完整组件库(JS + CSS)仅 25KB (gzipped)。
特性
- 🌙 月亮哲学 — 克制、冷静、秩序感
- 📦 极致轻量 — 完整组件库(JS + CSS)仅 25KB
- 🎨 设计令牌驱动 — CSS 变量,深色/浅色模式无缝切换
- 🔧 CSS 优先 — 样式与逻辑解耦,可跨框架复用
- ✨ 极简 API — 绝大多数组件 2-8 个 props(少数复杂组件如 Button/Select 略多)
- 🚀 零依赖 — 开箱即用
浏览器支持
![]() | ![]() | ![]() | ![]() |
|---|---|---|---|
| Chrome ≥ 111 | Firefox ≥ 113 | Edge ≥ 111 | Safari ≥ 16.2 |
详细版本要求与注意事项请参阅安装指南。
快速上手
- 设计哲学 — 为什么这样设计
- 安装 — 安装与配置
- 快速开始 — 第一个组件
- 国际化配置 — 中英文案切换与自定义
- 无障碍 — WCAG 对齐、键盘对照表与 RTL 支持
- 设计令牌 — 主题定制
- 表单校验 — useForm 组合式函数
- 组件列表 — 全部组件 API
- Nuxt 集成 — SSR 环境使用
- 从 Element Plus 迁移 — 迁移指南
- 更新日志 — 版本变更记录
贡献
欢迎贡献!请查看 GitHub。



