github nextui-org/nextui v2.0.0

latest releases: @nextui-org/aria-utils@2.0.26, @nextui-org/react@2.4.8, @nextui-org/use-aria-multiselect@2.2.5...
14 months ago

NextUI v2.0 🚀

What's Changed

🌟 Major Features

  1. Transition to TailwindCSS: We've moved from Stitches to TailwindCSS, enhancing customization and flexibility.
  2. TailwindCSS Plugin: Customize and extend default themes, colors, and layouts tokens with the new TailwindCSS plugin.
  3. React Server Components Support: NextUI v2.0 now supports React Server Components by default, improving performance.
  4. Custom Themes, Layouts, and Colors: The TailwindCSS plugin introduces extensive customizability for themes, layouts, and color tokens.
  5. 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.

Don't miss a new nextui release

NewReleases is sending notifications on new releases.