🚀 Introducing @gentelduck/variants - a faster, modern alternative to class-variance-authority 🎉[
<img src="https://media.daily.dev/image/upload/s--q1MU1YJh--/f_auto/v1746016763/ugc/content_0fb1397a-eff7-4347-9c47-7f9a901c4056" alt="image">
At GentleDuck, we don’t believe critical developer tools should be left behind. While class-variance-authority helped shape the way we style components, its declining maintenance left a gap in the ecosystem.](
)
So we built our own from scratch.
🔧 @gentelduck/variants is a lightweight, fully type-safe utility for managing Tailwind-style class variants. Inspired by CVA, but redesigned with speed, extensibility, and long-term reliability in mind.
Why switch?
✅ Zero dependencies
⚡ ~7× faster than class-variance-authority (Vitest benchmark)
🧠 Autocomplete-friendly with strict TypeScript checks
🔁 Nested arrays, compound variants, and default handling - all built-in
🧱 Composable, extendable, and ready for complex design systems
“Leaving a broken utility in place isn’t an option - so we shipped something better.”
🦆 Check it out:
📦 @gentelduck/variants on npm : <a href="https://www.npmjs.com/package/@gentelduck/variants" target="_blank" rel="noopener nofollow">https://www.npmjs.com/package/@gentelduck/variants</a>
Join us in building faster, smarter UIs - with utilities developers can trust.

Setting Today’s Standards, Shaping Tomorrow’s Market



gentelduck

@gentelduck/variants is a new utility from GentleDuck designed as a faster and more reliable alternative to class-variance-authority. It offers enhanced performance with zero dependencies and strict TypeScript checks, along with features like nested arrays and compound variants for building complex design systems. This utility aims to provide developers with tools that are both extensible and capable of managing Tailwind-style class variants efficiently.

we made class-variance-authority 700% faster and up to 55000% faster here's how