Tailwind V4 responsive variants

[gijsbotje]

As of tailwindcss v4 the theme config is advised to be done in a CSS file. I've upgraded a project that used responsive variants, which used withTV() to allow responsive variants, and migrated my config file into the globals.css file.

Will there be a way to enable responsive variants with the new CSS config?

Until the fix discussed in #239 is published, the withTV() wrapper is currently broken for v4 when using @config to load a tailwind.config.ts file.

[winchesHe]

Tailwindcss V4 no longer supports the config.content.transform so we remove the responsive variants feature

If you want to use responsive variants, you need to add it manually to your classname.

[twosixstudio]

Are you planning to bring it back? Responsive variants is the only reason to exist alongside CVA, no?

[jrgarciadev]

@twosixstudio there are more reasons actually

• slots (most important one for us to build HeroUI components)
• compound slots
• “extend”
• Automatic conflicts resolution

We do not plan to add responsive variants support in tailwind v4 for now