NextUI v2.0 🚀
What's Changed
🌟 Major Features
- Transition to TailwindCSS: We've moved from Stitches to TailwindCSS, enhancing customization and flexibility.
- TailwindCSS Plugin: Customize and extend default themes, colors, and layouts tokens with the new TailwindCSS plugin.
- React Server Components Support: NextUI v2.0 now supports React Server Components by default, improving performance.
- Custom Themes, Layouts, and Colors: The TailwindCSS plugin introduces extensive customizability for themes, layouts, and color tokens.
- Revamped Components: All components have been rewritten from scratch, utilizing react-aria hooks for improved performance and accessibility.
⬆️ Improvements
- Enhanced Documentation: We've redesigned our documentation for improved navigation and user experience.
- New Templates & Guides: Added Next.js templates and installation guides for Vite, Remix, and Astro.
- Custom Variants: Added function
extendVariants
for customizing component variants. - Enhanced Styling Model: New slots model for effortless component styling.
- Tailwind Variants: Introduction of our new library, Tailwind Variants, for clear and reusable TailwindCSS writing.
- Optimized Animations: Smoother animations thanks to framer-motion.
- Individual Packages Support: Install only the components you need, reducing your CSS bundle size.
- Dark Mode Support: Easily implement dark mode with the
nextui
TailwindCSS plugin. - New Components: Added six new components: Chip, Divider, Kbd, Skeleton, Snippet, Tabs.
📚 Additional Updates
- Figma Community File: Streamline the design-to-development process with our new Figma community file (still in development).
To start using NextUI v2.0, check out our installation guide.
For existing users looking to upgrade, we've put together a comprehensive Upgrade to v2 Guide to assist with the transition.
To read more about this release, visit our announcement blog post.
🎉 Special thanks to @jguddas and @tianenpang for their tremendous help in building v2.0. Also, our heartfelt gratitude goes out to all the contributors who made this release possible.
Thank you for your continued support!
⚠️ Remember: Always back up your projects before updating to a new version.