Tailwind CSS ClassName Highlight

Highlight valid Tailwind CSS class names in your code, idea from UnoCSS VS Code Extension

Q & A

[!NOTE]
You may need reload the plugin after installing dependencies or changing configuration.

I don't see any highlighting?

• Ensure Tailwind is installed.
• Tailwind configuration file exists in workspace.
• Content Configuration is set up correctly.

I see highlighting but some classes should not be highlighted?

This is how Tailwind works when detecting in your code. And we have already applied the same filtering strategy as UnoCSS.

Does it support Tailwind V4?

Yes, it does.

Does it work with monorepo?

Yes. It will detect all tailwind configurations in your workspace and use different configurations for different packages.

Currently, it does not support tailwind V4.

limitation

This extension can not detect valid className that doesn't generate any CSS. Like group, prose.