rustywind
tailwind-config-viewer
| rustywind | tailwind-config-viewer | |
|---|---|---|
| 3 | 2 | |
| 466 | 1,981 | |
| 2.6% | - | |
| 8.2 | 6.9 | |
| 8 days ago | 21 days ago | |
| Rust | Vue | |
| Apache License 2.0 | - |
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.
rustywind
-
Tailwind CSS class sorter – the custom way
RustyWind is a CLI for ordering Tailwind classes but also does not yet support custom regexps.
-
Automatically sorting your Tailwind CSS class names
Enter, Rustywind. It is a CLI rustywind that is installed via npm but written in Rust. I didn't know you could do that either.
-
How do you order class names in the markup?
Yea I think Ima go this route. I just want to be consistent with the organization. I just found https://github.com/avencera/rustywind as well. Its a CLI version of Headwind.
tailwind-config-viewer
- 8 Tailwind CSS resources to help your next project takeoff
-
How to Build A React TS Tailwind Design System
One more nifty tool that can help developers and designers alike working on a project like this is tailwind-config-viewer. As stated on the repo's page:
What are some alternatives?
headwind - An opinionated Tailwind CSS class sorter built for Visual Studio Code
tailwindcss-debug-screens - A Tailwind CSS component that shows the currently active screen (responsive breakpoint).
Overcommit - A fully configurable and extendable Git hook manager
tsdx - Zero-config CLI for TypeScript package development
tailwind-sorter - A ruby gem to sort the Tailwind CSS classes in your templates the custom way.
changesets - 🦋 A way to manage your versioning and changelogs with a focus on monorepos
crabtyper - A speed typing web app written in Rust
tailwindcss-custom-forms - A better base for styling form elements with Tailwind CSS.
Slim - Slim is a template language whose goal is to reduce the syntax to the essential parts without becoming cryptic.
Visual Studio Code - Visual Studio Code
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.
compiled - A familiar and performant compile time CSS-in-JS library for React.