cva
Class Variance Authority (by joe-bell)
stylemapper
Flexible utility to create styled and type-safe React components (by slicknode)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
cva | stylemapper | |
---|---|---|
16 | 2 | |
5,239 | 140 | |
- | 1.4% | |
7.2 | 0.0 | |
11 days ago | over 1 year ago | |
TypeScript | TypeScript | |
Apache License 2.0 | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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
Posts with mentions or reviews of cva.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-10-23.
-
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.
stylemapper
Posts with mentions or reviews of stylemapper.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-10-04.
-
CSS-in-JS not recommended in React 18. What are you using?
For variants, or any use of Tailwind/utility CSS really, maybe you should have a look at https://github.com/joe-bell/cva and https://github.com/slicknode/stylemapper
-
Stylemapper - A Better Way To Style React Applications
Combining a utility-based CSS framework like Tailwind CSS with a small library I wrote called Slicknode Stylemapper.
What are some alternatives?
When comparing cva and stylemapper you can also consider the following projects:
react-cva - Class Variance Authority helper for react
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
eslint-plugin-tailwindcss - ESLint plugin for Tailwind CSS usage
stitches - [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
tailwindcss-classnames - Functional typed classnames for TailwindCSS
konsta - Mobile UI components made with Tailwind CSS
react-sfc-swyx
react-18 - Workgroup for React 18 release.