Currently supports Tailwind CSS v0.6.5
- Supports autocomplete for all Tailwind classes
- Reads your project's
tailwind.js
config and reacts to changes in realtime- Example: Add a new color called lilac to config for text colors and
text-lilac
will appear in autocomplete instantly
- Example: Add a new color called lilac to config for text colors and
- Works with several languages modes including HTML, JavaScript, JavaScript React, TypeScript React, PHP and Vue
- Supports
@apply
in CSS and SCSS files - Supports Emmet shortcuts
- No need for generated CSS on disk for autocomplete to work (Works with webpack dev server too)
Install this extension from the VS Code extensions marketplace. Search for Tailwind CSS Autocomplete
or go here
You can also install this via Quick Open (โP)
ext install sidharthachatterjee.vscode-tailwindcss
There is none! ๐
This extension reads config from the currently open project's tailwind.js
file and that's about it
- Currently doesn't generate suggestions for Tailwind prefixes including hover, media query sizes etc
- Doesn't use the project's version of Tailwind to generate classes so if you're using an older version of Tailwind, you might see mismatched suggestions ๐
- Special thanks to Adam Wathan for Tailwind CSS โค๏ธ
- Thanks to zignd for HTML-CSS-Class-Completion. Regexes and some logic was borrowed from there
Feel free to open an issue or submit a pull request for anything you think is missing