要点
125+ accessible Vue components with Tailwind CSS theming, built on Reka UI for rapid interface development.
- Supports Nuxt, Vue (Vite), Laravel (Inertia), and AdonisJS with unified component API across frameworks
- Includes 200,000+ Iconify icons via
i-{collection}-{name}naming, with local collection support and custom icon directories - Seven semantic colors (primary, secondary, success, info, warning, error, neutral) configurable at runtime; override components via
uiprop,classprop, or global config - Built-in form validation using Standard Schema (Zod, Valibot, Yup, Joi), toasts, modals, dropdowns, and five pre-built layout templates (dashboard, docs, chat, editor, page)
- Composables for notifications, programmatic overlays, and keyboard shortcuts; generated theme files expose all slots and variants for deep customization
SKILL.md
Nuxt UI
Vue component library built on Reka UI + Tailwind CSS + Tailwind Variants. Works with Nuxt, Vue (Vite), Laravel (Vite + Inertia), and AdonisJS (Vite + Inertia).
MCP Server
For component API details (props, slots, events, full documentation, examples), use the Nuxt UI MCP server. If not already configured, add it:
Cursor — .cursor/mcp.json:
{ "mcpServers": { "nuxt-ui": { "type": "http", "url": "https://ui.nuxt.com/mcp" } } }
Claude Code:
claude mcp add --transport http nuxt-ui https://ui.nuxt.com/mcp
Nuxt UI
Vue component library built on Reka UI + Tailwind CSS + Tailwind Variants. Works with Nuxt, Vue (Vite), Laravel (Vite + Inertia), and AdonisJS (Vite + Inertia).
MCP Server
For component API details (props, slots, events, full documentation, examples), use the Nuxt UI MCP server. If not already configured, add it:
Cursor — .cursor/mcp.json:
{ "mcpServers": { "nuxt-ui": { "type": "http", "url": "https://ui.nuxt.com/mcp" } } }
Claude Code:
claude mcp add --transport http nuxt-ui https://ui.nuxt.com/mcp