Published on

Automatically sort Tailwind CSS classes on save

Author
  • Name
    A. Fauzi
    Title
    Human Being

Headwind is 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.

You can install Headwind via the VS Code Marketplace, or package it yourself using vsce. Headwind works globally once installed and will run on save if a tailwind.config.js file is present within your working directory.

You can also trigger Headwind by:

  • Pressing CMD + Shift + T on Mac
  • Pressing CTRL + ALT + T on Windows

Get it here: https://marketplace.visualstudio.com/items?itemName=heybourn.headwind