Nuxt Ui
Nuxt UI is a Vue component library providing 125+ accessible, pre-built components styled with Tailwind CSS and Tailwind Variants. It serves developers building web interfaces who need a production-ready component system with flexible theming and branding customization, eliminating the need to build UI components from scratch while supporting multiple frameworks including Nuxt, Vue, Laravel Inertia, and AdonisJS. The library integrates Iconify for icon access and requires wrapping applications in the UApp component to enable global configuration for toasts, tooltips, and overlays.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 10
- skills.sh installs
- 20.3K
- GitHub stars
- 7.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nuxt/ui --skill nuxt-ui --agent claude-codeInstalls into .claude/skills of the current project.
Files
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
Key MCP tools:
search-components— find components by name, category, or intent (no params = list all)search-composables— find composables by name or description (no params = list all)search-icons— search Iconify icons (defaults tolucide), returnsi-{prefix}-{name}namesget-component— full component documentation with usage examplesget-component-metadata— props, slots, events (lightweight, no docs content)get-example— real-world code examples
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nuxt/ui
- Categories
- Frontend Development, DevOps & CI/CD, Documentation, Marketing & SEO
More from nuxt/ui
All 2Recommended
More Frontend Development
react-state-managementwshobson/agentsMaster modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing b15.9Kskills.sh installs
clerk-astro-patternsclerk/skillsAstro patterns with Clerk — middleware, SSR pages, island components, API routes, static vs SSR rendering. Triggers on: astro clerk, clerk astro middleware, ast14.8Kskills.sh installsweb-component-designwshobson/agentsMaster React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI componen13.6Kskills.sh installs
react-emailresend/resend-skillsUse when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emai13.3Kskills.sh installs
heroui-reactheroui-inc/herouiHeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui12.6Kskills.sh installs
msw-ui-systemmsw-git/msw-ai-coding-plugins-officialMSW `.ui` single entry point — design + component API + builder + runtime. Anchor/pivot/RectTransform, UIGroup/CanvasGroup hierarchy, layout recipes (HUD/popup/10.5Kskills.sh installs