Tailwind Variants
First-class variant API for Tailwind CSS that defines typed component recipes with variants, slots and compound styles.
tailwind-variants.orgrepositorydocs
Tailwind Variants is a variant API for Tailwind CSS. A component’s base styles, variants, defaults and compound rules are declared once as a recipe, and the recipe returns class strings for each combination of typed props. Recipes can style several parts of a component through slots. The library is written in TypeScript, is installed from npm, and is maintained by NextUI Inc. It adds Stitches-style variants on top of Tailwind CSS, and its comparison page names Class Variance Authority and Windstitch as alternatives.
Worth knowing
The default build resolves conflicting Tailwind classes. A lite build, imported from a separate path, skips conflict resolution.
Identity
Rendering and deploy
Releases
Adoption
Sources
- 2026-10-28: links, Maintainer, Install with
www.tailwind-variants.org/ - 2026-10-28: links, Written in, License, License model, GitHub stars, Contributors
github.com/heroui-inc/tailwind-variants - 2026-10-28: links, Categories, Built on
www.tailwind-variants.org/docs/introduction - 2026-10-28: First release
github.com/heroui-inc/tailwind-variants/releases/tag/v0.0.29 - 2026-10-28: Install with
github.com/heroui-inc/tailwind-variants/blob/main/README.md - 2026-10-28: Current major version, Last release
github.com/heroui-inc/tailwind-variants/releases/tag/v3.3.1 - 2026-10-28: npm downloads a week
api.npmjs.org/downloads/range/2026-09-28:2026-10-04/tailwind-variants - 2026-10-28: Dependent packages, Dependent repositories
packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/tailwind-variants