DownloadMake 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.
Better Readability
Long Tailwind class lists become scannable, reducing cognitive load when reading or editing UI code.
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.
Lightweight & Non-Intrusive
No linting, no formatting, no AST transforms. Tailwind Prism only adds clarity.
Works With Real-World Patterns
Supports className, cn(), clsx(), template literals, and conditional class logic out of the box.
Respects Your Editor Theme
Designed to work alongside your existing VS Code theme, not fight it.