Tailwind Resources Logo Tailwind Resources
Prettier Plugin Tailwind screenshot

Prettier Plugin Tailwind

Author Avatar Theme by Tqwewe
Updated: 16 Mar 2022
429 Stars

Sort tailwind classes in HTML with Prettier.

Github Live Preview

Overview:

This package is a tool designed to help developers organize and sort Tailwind CSS classes in their projects. Though it is no longer maintained, it served as a useful asset for supporting HTML, CSS (@apply directive), ReactJS (JSX, TSX), VueJS, and twind.macro.

Features:

  • Supports HTML, CSS (@apply directive), ReactJS (JSX, TSX), VueJS, twind.macro
  • Reads tailwind.config.js file to sort Tailwind classes
  • Allows customization through various Prettier Options

Installation:

To install this package in your project, follow these steps:

npm install package-name

Ensure that you have Prettier version 2.0.0 or higher installed, as it is a required peer dependency.

Summary:

Despite being discontinued, this package offered support for organizing Tailwind CSS classes in web development projects. It covered a range of web technologies and configurations, allowing for flexibility and customization. Developers can refer to the provided installation guide and explore the various features highlighted in the package analysis.