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 theglobals.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
andradial
- All custom utilities updated to use a new
@utility
directive
Need help?
File a feature request, report a bug, or ask me anything.