eslint-plugin-tailwind
class-types.macro | eslint-plugin-tailwind | |
---|---|---|
3 | 1 | |
7 | 101 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | about 2 years ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
class-types.macro
- TailwindCSS JIT with Arbitrary Values
-
I Don't Like Tailwind CSS
The only thing I really didn't like about tailwind was the danger of changing tailwind.config and the long className lists. I "solved" both of those issues with a simple macro and PostCSS plugin: https://github.com/fleck/class-types.macro#why-use-this-libr...
eslint-plugin-tailwind
-
I Don't Like Tailwind CSS
> my VSCode autoformats the classes to break lines just fine.
My only pain point with Tailwind was the order of classes. It helps with readability if the classes are always in the same order. I just discovered that eslint-plugin-tailwind [0] is solving this exactly. Configuring VSCode to run code formatter and perform ESLint fixes [1] is just an incredible DX from the future.
[0] https://github.com/Idered/eslint-plugin-tailwind
[1] ```
What are some alternatives?
styled-jsx - Full CSS support for JSX without compromises
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
tailblocks - Ready-to-use Tailwind CSS blocks.
twin.macro - 🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
headlong - Tailwind CSS on the fly without PostCSS
docker-node-example - An example Node / Express app that's using Docker and Docker Compose.
virtual-event-starter-kit - Open source demo that Next.js developers can clone, deploy, and fully customize for events.
truss - A TypeScript DSL for writing utility CSS in React/JSX
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
docker-django-example - A production ready example Django app that's using Docker and Docker Compose.
Tailwindcss-cheatsheet - A very elegant and helpful Tailwind CSS cheat-sheet.