claxed
classy-components
| claxed | classy-components | |
|---|---|---|
| 6 | 1 | |
| 18 | 4 | |
| - | - | |
| 1.8 | 10.0 | |
| about 3 years ago | almost 4 years ago | |
| JavaScript | TypeScript | |
| 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.
claxed
- I've started breaking tailwind classes into multiple lines and feel like this is much easier to read than having all the classes on one line. Does anyone else do that? Any drawback to it?
- How can I use tailwind, if I really dislike dozens of class names cluttering my JSX? Are there some commonly used solutions to this? What is your approach?
- This is dumb?
- Claxed styled-components syntax for classes
- Created a styled-component like library for using tailwindCSS (or other class frameworks) in a meaningful and cleaner way than inlining classes in the DOM.
- Created a styled-components like library for using TailwindCSS (or other class framework) in a cleaner an meaningful way than inline classes. Contributions are Welcome!
classy-components
-
How can I use tailwind, if I really dislike dozens of class names cluttering my JSX? Are there some commonly used solutions to this? What is your approach?
You can use something like https://github.com/casieber/classy-components
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.
spectrum - Simple, powerful online communities.
twind - The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
postcss-nested - PostCSS plugin to unwrap nested rules like how Sass does it.
DefinitelyTyped - The repository for high quality TypeScript type definitions.
classnames - A simple javascript utility for conditionally joining classNames together
tachyons-custom - Tachyons with variables: for easy customization
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
tachyons - Functional css for humans
React95 - 🌈🕹 Windows 95 style UI component library for React
prettier-plugin-tailwindcss - A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order.