TailwindCSS JIT with Arbitrary Values

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
  • class-types.macro

  • self plug, but I wrote a macro/eslint plugin that does a couple things and this is one of them: https://github.com/fleck/class-types.macro#better-prettier-f...

  • truss

    A TypeScript DSL for writing utility CSS in React/JSX (by homebound-team)

  • Don't want to take away from Tailwind, it's great.

    That said, self-promotion disclaimer but if you like inline/utility CSS, and also like TypeScript/React/Emotion, we've got a "Tailwinds-ish" CSS-in-JS library that we've enjoyed so far:

    https://github.com/homebound-team/truss

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • tailblocks

    Ready-to-use Tailwind CSS blocks.

  • I have bought this, too. It's great.

    There is also a “free” site, which offers lovely designs: https://tailblocks.cc/

  • docker-flask-example

    A production ready example Flask app that's using Docker and Docker Compose.

  • If anyone is looking for practical examples of using Tailwind + the JIT compiler with various web frameworks and Webpack, I have a few example starter projects at:

    - https://github.com/nickjj/docker-flask-example

    - https://github.com/nickjj/docker-django-example

    - https://github.com/nickjj/docker-node-example

  • docker-django-example

    A production ready example Django app that's using Docker and Docker Compose.

  • If anyone is looking for practical examples of using Tailwind + the JIT compiler with various web frameworks and Webpack, I have a few example starter projects at:

    - https://github.com/nickjj/docker-flask-example

    - https://github.com/nickjj/docker-django-example

    - https://github.com/nickjj/docker-node-example

  • docker-node-example

    An example Node / Express app that's using Docker and Docker Compose.

  • If anyone is looking for practical examples of using Tailwind + the JIT compiler with various web frameworks and Webpack, I have a few example starter projects at:

    - https://github.com/nickjj/docker-flask-example

    - https://github.com/nickjj/docker-django-example

    - https://github.com/nickjj/docker-node-example

  • headlong

    Tailwind CSS on the fly without PostCSS (by matyunya)

  • Somebody already wrote a library for client-side JIT TailwindCSS. https://github.com/matyunya/headlong

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • headwind

    An opinionated Tailwind CSS class sorter built for Visual Studio Code

  • There's Headwind CSS, which orders classes predictably. But it doesn't move them to separate lines. This could be a config option if you're willing to write a pull request.

    https://github.com/heybourn/headwind

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