Tailwind v4 + React 19

How to use Launch UI with Tailwind v4, React 19 and Next.js 15

The v2 of Launch UI has been rebuilt with the latest version of shadcn/ui 2.4 and fully supports Tailwind v4, React 19 and Next.js 15. You can start using them today.

If you're using Tailwind 3, a Launch UI version that supports it is still active and maintained on a separate branch.

What's changed

  • All new projects and CLI installs are now using React 19 and Tailwind v4
  • No more tailwind.config.ts, all theming variables, including colors, are stored as CSS variables in the globals.css file. You can override them or edit this file to change them directly.
  • Full support for the new @theme directive and @theme inline option
  • All components are updated for Tailwind v4 and React 19.
  • Removed forwardRefs and adjusted types.
  • All colors, both shadcn/ui and custom, are now converted from HSL to OKLCH
  • All components updated to use new Tailwind utilities such as size and radial
  • All custom utilities updated to use a new @utility directive

Need help?

File a feature request, report a bug, or ask me anything.