eslint-plugin-tailwindcss
kutty
eslint-plugin-tailwindcss | kutty | |
---|---|---|
12 | 8 | |
1,298 | 795 | |
- | - | |
8.1 | 2.6 | |
10 days ago | 8 months ago | |
JavaScript | 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.
eslint-plugin-tailwindcss
-
Tailwind CSS for frontend teams: From settings to rules
However, after a little more searching, we found this plugin, which is maintained by the community and has slightly more rules than the official plugin's class name ordering rules. Again, most of the rules support auto-correction. Here are the rules the team chose to use
-
Recommended Linters
eslint-plugin-tailwindcss - Rules enforcing best practices and consistency using Tailwind CSS.
-
Has anyone figured out how to apply the eslint tailwindcss plugin to blade files?
I'm talking about this plugin: https://github.com/francoismassart/eslint-plugin-tailwindcss that helps with ordering your classnames correctly and adds a bunch of other useful checks.
-
Downsides to using computed properties as CSS to form classes?
For one, you can't take advantage of classnames order.
- Typescript + tailwind = typewind (first impressions)
- what is your favorite way/framework to write CSS
-
Just update my Next.js Boilerplate to Next.js 13 and Tailwind CSS 3.2. Thank to Vercel team work and incremental adoption, only one breaking change.
I'm already using: https://www.npmjs.com/package/eslint-plugin-tailwindcss. So, it also sort classnames in JSX Code
-
Why I personally hate Tailwind
Ever heard of eslint-plugin-tailwindcss?
-
Streamlining your Tailwind CSS workflow with ESLint + Prettier
eslint-plugin-tailwindcss for ESLint
-
Write better, cleaner and more understandable Tailwind CSS code
So, I have found a better alternative in ESLint ecosystem: https://www.npmjs.com/package/eslint-plugin-tailwindcss
kutty
-
10 best Tailwind CSS component libraries
Kutty is a Tailwind CSS plugin providing a set of accessible and reusable components for building various web applications. As it's a plugin, before you can use, it you'll need to install and configure it. Once installed, you just need to copy and paste the code for the components you want to use.
-
List of free Tailwind UI component resources
kutty.netlify.app
- Affordable tailwind theme(html template) for e-commerce project
-
Tailwind component libraries
For just vanilla tailwind arranged into components TailwindUI is well worth it IMO I use it for every project. I also really like Kutty and MynaUI because they just feel simple and clean.
- Is there a market for Tailwind CSS templates?
-
What is the most popular tailwind theme?
Kutty Mamba UI Lofi UI Kitwind Tail-kit Tailblocks Tailwind Toolbox Treact
-
Free Tailwind Components For Your Next Project.
Kutty
- 8 Tailwind CSS resources to help your next project takeoff
What are some alternatives?
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.
tailwind-safelist-generator - Tailwind plugin to generate purge-safe.txt files
cva - Class Variance Authority
daisyui - ๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
shopify-theme-lab - Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI ๐งช
nightwind - An automatic, customisable, overridable Tailwind dark mode plugin
prettier-plugin-tailwindcss - A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order.
tailblocks - Ready-to-use Tailwind CSS blocks.
material-tailwind - @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
new-tailwind-app - ๐ฅ One stop shop for eliminating the grunt work of setting up a Tailwind Web App across multiple frameworks. Just type in `npx new-tailwind-app` in your terminal and set up everything instantly.
notus-react - Notus React: Free Tailwind CSS UI Kit and Admin
alpine-magic-helpers - A collection of magic properties and helper functions for use with Alpine.js