Headwind

screenshot of Headwind
tailwind

An opinionated Tailwind CSS class sorter built for Visual Studio Code

Overview:

Headwind is an opinionated Tailwind CSS class sorter designed for Visual Studio Code users. It enforces consistent ordering of classes by parsing code and reprints class tags according to a specified order. The tool runs on save, eliminates duplicate classes, and offers the capability to sort entire workspaces efficiently.

Features:

  • Consistent Class Ordering: Enforces a consistent ordering of classes in code.
  • Auto-Save Functionality: Automatically runs on save to organize classes.
  • Workspace Sorting: Capable of sorting entire workspaces for enhanced productivity.
  • Customizable Class Order: Users can edit the default class order to suit their preferences.
  • Multi-Step Regex Support: Allows for specifying multi-step regex for intricate matching.
  • Debugging Tools: Provides debugging capabilities for custom regex configurations.
  • Duplicate Removal: Automatically removes duplicate class names for cleaner code.
  • Global Functionality: Operates globally once installed, improving workflow efficiency.
tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.