eslint-plugin-tailwindcss
notus-react
eslint-plugin-tailwindcss | notus-react | |
---|---|---|
12 | 3 | |
1,497 | 805 | |
- | 2.0% | |
8.0 | 4.5 | |
30 days ago | 4 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
notus-react
-
17 Best Free React Admin Template 2024 to Speed up Your Web App Development π
Live demo π Details π
-
Top 7+ Free Tailwind React Admin Dashboard Templates forΒ 2024
β Download Notus React (Github): notus-react
-
Top Free React Dashboards to Use for Your Next Project
Download / Live Demo
What are some alternatives?
cva - Class Variance Authority
flowbite-datepicker - A Tailwind CSS datepicker built with vanilla JavaScript
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.
nextjs-admin-panel-with-tailwindcss - nextjs Admin Panel with Tailwind CSS
shopify-theme-lab - Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI π§ͺ
windmill-dashboard-react - β A multi theme, completely accessible, ready for production dashboard.
kutty - Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.
berry-free-react-admin-template - Berry free react material-ui admin template for easing and faster web development.
prettier-plugin-tailwindcss - A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order.
tailwind-react-datepicker - React-datepicker styled with Tailwind CSS. Not a package.
material-tailwind - @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
nextly-template - Nextly Landing Page Template built with Next.js & TailwindCSS