cva
react-cva
cva | react-cva | |
---|---|---|
16 | 1 | |
5,239 | 19 | |
- | - | |
7.2 | 0.0 | |
9 days ago | over 1 year ago | |
TypeScript | TypeScript | |
Apache License 2.0 | GNU General Public License v3.0 or later |
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.
cva
-
Use postcss-cva to generate cva method
cva.style
-
Tailwind vs. Semantic CSS
* use cva https://github.com/joe-bell/cva to style generic ui components (like buttons) to archive same grouping as in semantic css
- 5 React Libraries to Level Up your Projects in 2023
-
How do you design Button in React js?
Highly recommended with this: https://github.com/joe-bell/cva
-
What am I missing out about Tailwind?
Yes, and a library like https://github.com/joe-bell/cva makes this a breeze. See https://cva.style/docs/getting-started#your-first-component for an example
-
Building a prop-based, type-safe Tailwind with vanilla-extract
There is also class variance authoriy
- Konsta UI – Mobile UI Components Built with TailwindCSS
- which way do you prefer for styling ?
-
Conditional styling reusable components
https://github.com/joe-bell/cva is great for this
-
Introducing DecaUI
Also have you heard of class variance authority? https://github.com/joe-bell/cva; personally looked into stitches & vanilla-extract but i'm preferring the simplicity of this package the most.
react-cva
-
Who's Available? [March 2022]
react cva - utility helper for CVA to build variant based react components.
What are some alternatives?
eslint-plugin-tailwindcss - ESLint plugin for Tailwind CSS usage
Eisen-Matrix - 🎯 Eisen Matrix is a prioritization app that uses Eisenhower matrix technique as workflow to prioritize a list of tasks & built with React Native for learning purposes.
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
readme-generator - A fully featured editor with drag and drop interface to easily build READMEs
tailwindcss-classnames - Functional typed classnames for TailwindCSS
lightweight-react-docs - A lightweight ReactJS documentation used as a personal study guide and reference. I broke the concepts down in a way that made it easier for me to understand.
stylemapper - Flexible utility to create styled and type-safe React components
css-loader-incremental-ident - Incremental classnames generator for webpack`s css-loader
konsta - Mobile UI components made with Tailwind CSS
classix - 🏛️ The fastest and tiniest utility for conditionally joining classNames.
stitches - [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
classwind - ⚡ Ultra-fast 331B JS utility for dynamic class names, framework-independent, TypeScript-compatible. 🛠️