Tailwind CSS class sorter – the custom way

This page summarizes the projects mentioned and recommended in the original post on dev.to

Scout Monitoring - Performance metrics and, now, Logs Management Monitoring with Scout Monitoring
Get early access to Scout Monitoring's NEW Ruby logging feature [beta] by signing up now. Start for free and enable logs to get better insights into your Rails apps.
www.scoutapm.com
featured
InfluxDB - Purpose built for real-time analytics at any scale.
InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.
www.influxdata.com
featured
  • headwind

    An opinionated Tailwind CSS class sorter built for Visual Studio Code

    Headwind is a nice opinionated sorter which probably can be tweaked to understand our Slim templates but as a VS Code plugin it only works inside this particular IDE. We mostly use JetBrains RubyMine in our team and also needed a CLI version.

  • Scout Monitoring

    Performance metrics and, now, Logs Management Monitoring with Scout Monitoring. Get early access to Scout Monitoring's NEW Ruby logging feature [beta] by signing up now. Start for free and enable logs to get better insights into your Rails apps.

    Scout Monitoring logo
  • rustywind

    CLI for organizing Tailwind CSS classes

    RustyWind is a CLI for ordering Tailwind classes but also does not yet support custom regexps.

  • tailwind-sorter

    A ruby gem to sort the Tailwind CSS classes in your templates the custom way.

    If we’ve got your attention, please read the project README and wiki and feel free to customize anything you’ll find there. And let us know how it worked for you. Good luck with Tailwind classes sorting! 🤞

  • Overcommit

    A fully configurable and extendable Git hook manager

    As a team we want to ensure that everybody commits our templates with classes rightly ordered. We use Overcommit to enforce consistency but any similar tool will do.

  • Slim

    Slim is a template language whose goal is to reduce the syntax to the essential parts without becoming cryptic. (by slim-template)

    There are quite a few good ones already but, as it turned out, we hit one blocker or another with each of them. Our biggest issue was that we use Slim in our project, a template format which most of the tools don’t support.

  • InfluxDB

    Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Styling Simple Form forms with Tailwind

    4 projects | dev.to | 20 Jun 2022
  • Automatically sorting your Tailwind CSS class names

    3 projects | dev.to | 8 Jun 2021
  • Ultimate CSS Cheat Sheets and Blogs resources

    5 projects | dev.to | 3 Jul 2024
  • Styling your Dart Jaspr website with Tailwind CSS and DaisyUI

    4 projects | dev.to | 27 May 2024
  • XRB alternatives - Haml, Slim, and Hamlit

    4 projects | 30 Apr 2024

Did you konow that Ruby is
the 12th most popular programming language
based on number of metions?