We are excited to announce Nuxt UI v4, a major milestone that unifies Nuxt UI and Nuxt UI Pro into a single, fully open-source library. Following NuxtLabs joining Vercel in July, we're now able to offer 100+ production-ready components and a complete Figma Kit available for free to everyone.
Read the blog post announcement: https://nuxt.com/blog/nuxt-ui-v4
✨ Highlights
🌐 Unified and Open Source
Nuxt UI v4 marks a significant milestone by merging Nuxt UI and Nuxt UI Pro into one cohesive, fully open-source library:
- 100+ components: Complete access to all components, including those previously exclusive to Pro
- Figma Kit: Professional design resources now available to everyone
- Single package: Everything unified under
@nuxt/ui
🖥️ Templates
All our previously exclusive templates for Nuxt and Vue are now available to everyone and updated to Nuxt UI v4:
- Starter: A minimal template to get started with Nuxt UI
- Landing: A modern landing page template powered by Nuxt Content
- Docs: A documentation template powered by Nuxt Content
- SaaS: A SaaS template with landing, pricing, docs and blog powered by Nuxt Content
- Dashboard: A dashboard template with multi-column layout for building sophisticated admin interfaces
- Chat: An AI chatbot template to build your own chatbot powered by Nuxt MDC and Vercel AI SDK
- Portfolio: A sleek portfolio template to showcase your work, skills and blog powered by Nuxt Content
- Changelog: A changelog template to display your repository releases notes from GitHub powered by Nuxt MDC
📚 Documentation
We've made extensive improvements to the documentation in v4 to provide a better developer experience:
- Unified location: All documentation now lives under
/docs/with automatic redirects from legacy paths - Dedicated sections: Theme and Typography now have their own organized sections
- AI-ready features: LLMs.txt endpoints and MCP Server integration for AI tools like Cursor, Windsurf, and GitHub Copilot
🌱 Migration from v3
The migration from v3 to v4 is designed to be smoother than previous major version transitions.
We recommend reading the migration guide for step-by-step instructions.
For Nuxt UI users
- Update to
@nuxt/ui@latest
For Nuxt UI Pro users
- Replace
@nuxt/ui-prowith@nuxt/uiin your dependencies - Update module registration from
@nuxt/ui-proto@nuxt/uiin your Nuxt config - Change configuration key from
uiProtouiin your app config - Update CSS imports from
@nuxt/ui-proto@nuxt/ui - Update any import statements to reference
@nuxt/ui
🙏 Acknowledgements
We want to extend a special thanks to everyone who supported Nuxt UI Pro. Your early adoption and feedback were instrumental in shaping Nuxt UI. You helped us fund, maintain, and improve the project, allowing us to reach this milestone where we can now offer these powerful tools to the entire community.
A huge thanks to the dedicated team behind Nuxt UI and our incredible community of 250+ contributors. Your hard work, creativity, and passion have been the driving force behind this project's success.
Thank you for being part of this journey 💚