Overview

If you're a developer who frequently uses Tailwind CSS, you know how essential it is to keep your classes organized for smooth workflow and readability. The Tailwind Sorter extension offers an automatic way to sort your Tailwind classes. It seamlessly arranges your classes according to your preferred order whenever you save or execute a command, ensuring your code stays neat and tidy. This tool is perfect for anyone who wants to enhance efficiency while coding and maintain a consistent style across their projects.

Tailwind Sorter provides custom sort orders and category settings that you can easily configure. With tailored sorting, you can optimize how you structure your classes, making it simpler to navigate and manage your styles. Whether you're working on a simple HTML page or a complex React app, this extension adds a layer of convenience to your development process.

Features

Automatic Sorting: Automatically organizes your Tailwind CSS classes on save or command, providing instant tidiness.
Custom Sort Order: Set your preferred order for categories to enhance the organization of your classes.
Configurable Categories: Define which classes belong to specific categories and customize their order for better management.
Flexible Pseudo-Classes: Customize the order of pseudo-classes to fit your styling preferences, allowing for more control over class organization.
Custom Prefixes: Define additional prefixes for class identifiers beyond the defaults, adapting the sorting algorithm to your coding style.
Language Support: Works with a wide array of programming and markup languages, ensuring versatility across different project types.
Sort on Save Option: Choose whether classes should be sorted automatically when saving, tailoring the extension's functionality to your workflow.
Integration Notes: Designed to work seamlessly, though can be optimized further by adjusting settings related to other plugins like Prettier.

Dejmedus

Tailwind Sorter