slot-variants: utility for component styling Hey everyone…
0 reactions
slot-variants: utility for component styling
Hey everyone, I’ve been working for few months on a small library called `slot-variants`, for managing complex states in components with css utility classes, it’s inspired by `class-variance-authority` (CVA) and `tailwind-variants` (TV). I tried to take the best parts of both approaches and add some distinct features with a focus on ergonomic API and high performance (benchmarks included). The API is a superset of both CVA's and TV's API so the migration is pretty straightforward, in the case of CVA it's a drop-in replacement. The package also includes an AI agent guide how to use it, best practices and common patterns.
Features you'd expect from it:
* Variants API (similar to CVA & TV)
* Slots support (inspired from TV)
* Full TypeScript support
* Extendable to work with `tailwind-merge`
Distinct features:
* Required Variants (this is why I started this library)
* Presets (for grouping variants often used together)
* Conditional default variants
* LRU Cache (can be configured)
* Can event replace `classnames/clsx` usages (added in latest version)
If you’re building design systems or complex UI components, I’d love feedback, ideas, or critiques. Still early but stable enough to use, happy to hear what the community thinks!
#technology #programming #dev #js
Hey everyone, I’ve been working for few months on a small library called `slot-variants`, for managing complex states in components with css utility classes, it’s inspired by `class-variance-authority` (CVA) and `tailwind-variants` (TV). I tried to take the best parts of both approaches and add some distinct features with a focus on ergonomic API and high performance (benchmarks included). The API is a superset of both CVA's and TV's API so the migration is pretty straightforward, in the case of CVA it's a drop-in replacement. The package also includes an AI agent guide how to use it, best practices and common patterns.
Features you'd expect from it:
* Variants API (similar to CVA & TV)
* Slots support (inspired from TV)
* Full TypeScript support
* Extendable to work with `tailwind-merge`
Distinct features:
* Required Variants (this is why I started this library)
* Presets (for grouping variants often used together)
* Conditional default variants
* LRU Cache (can be configured)
* Can event replace `classnames/clsx` usages (added in latest version)
If you’re building design systems or complex UI components, I’d love feedback, ideas, or critiques. Still early but stable enough to use, happy to hear what the community thinks!
#technology #programming #dev #js
| 2,000 mlx | |
| 5 | |
| 0 |