classix
🏛️ The fastest and tiniest utility for conditionally joining classNames. (by alexnault)
cva
Class Variance Authority (by joe-bell)
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
classix | cva | |
---|---|---|
6 | 16 | |
181 | 5,256 | |
- | - | |
3.9 | 7.2 | |
about 1 month ago | 20 days ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
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.
classix
Posts with mentions or reviews of classix.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-08-27.
- Classix — a faster and smaller alternative to clsx and classnames for conditionally joining classes
-
Show HN: Classix – The fastest and tiniest utility for joining classNames
Not every device uses a powerful desktop processor like the one used in the benchmark (Ryzen 5 5600x). Those perf gain compound over time.
> my code doesn't need tests, types, or docs because it is builtin and known to work
Oh boy.
> if you did an actual fair comparison, you would see that my code is actually shorter than yours
My comparison is 100% fair. Your new version does not work; `arguments` is array-like object and does not support Array.filter: arguments.filter is not a function.
> the point is that we have another, unnecessary npm dependency
If you value having one less dependency over everything else, then more power to you, but clsx and classnames are very popular libraries for a reason.
> you ought to link to where / how you did that
It's in the readme. I locally added your version and ran the following: https://github.com/alexnault/classix/blob/main/benchmark/ind...
- Introducing classix, a faster and smaller alternative to clsx and classnames for conditionally joining classes
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.