3 TailwindCSS VSCode extension makes your life easier
3 TailwindCSS VSCode extensions that make your life easier
1. Tailwind CSS IntelliSense
Autocomplete:
Intelligent suggestions for class names, as well as CSS functions and directives
Linting
Highlights errors and potential bugs in both your CSS and your markup.
Hover Preview
See the complete CSS for a Tailwind class name by hovering over it.
CSS Syntax Highlighting
Provides syntax definitions so that Tailwind features are highlighted correctly.
2. Headwind
An opinionated Tailwind CSS class sorter for Visual Studio Code. It enforces consistent ordering of classes by parsing your code and reprinting class tags to follow a given order.
Enforces consistent ordering of classes by parsing your code and reprinting class tags to follow a given order.
3. Tailwind CSS Shades
Tailwind CSS color palette generator.
Generate Tailwind CSS color palette from an initial color.