InstallMake Tailwind classes readable again.
Semantic syntax highlighting for your Tailwind CSS classes, so you don't get confused again and edit long classes without slowing down.
Features
Semantic Highlighting
Highlights Tailwind utilities based on what they mean, variants, modifiers, arbitrary values, not just raw strings.
Full File or Cursor Mode
Choose between highlighting all Tailwind classes in a file or only the active class block under your cursor.
Toggleable, On Your Terms
Enable or disable highlighting instantly with a command or keyboard shortcut, no distractions.
Color Presets & Customization
Built-in color presets for light and dark themes, plus full control if you want to customize every highlight color.
Works With Real-World Patterns
Supports className, cn(), clsx(), template literals, and conditional class logic out of the box.
Lightweight & Non-Intrusive
No linting, no formatting, no AST transforms. Tailwind Prism only adds clarity.