# Tailwind Variants

First-class variant API for Tailwind CSS that defines typed component recipes with variants, slots and compound styles.


Source: https://findsoftware.frbit.cloud/tailwind-variants/
Last reviewed: 2026-10-28
Listed since: 2026-10-28

## Record

### Links

- home: https://tailwind-variants.org
- repository: https://github.com/heroui-inc/tailwind-variants
- docs: https://www.tailwind-variants.org/docs/introduction
- x: https://x.com/hero_ui
- discord: https://discord.gg/9b6yyZKmH4
- forum: https://github.com/heroui-inc/tailwind-variants/discussions

### Identity

- status: active
- maintainer: NextUI Inc.
- maintainerType: company
- parent: unknown
- firstRelease: 2023
- hqCountry: unknown

### Kind

- category: css-framework
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: tailwindcss

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: unknown
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 3
- latestReleaseDate: 2026-08-03

### Adoption

- githubStargazers: 3320
- packagistDownloads: not applicable
- npmWeeklyDownloads: 5059788
- contributors: 23
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 4238
- dependentPackages: 174

### Sources

- urls: https://www.tailwind-variants.org/ (read 2026-10-28)
- urls: https://github.com/heroui-inc/tailwind-variants (read 2026-10-28)
- urls: https://www.tailwind-variants.org/docs/introduction (read 2026-10-28)
- firstRelease: https://github.com/heroui-inc/tailwind-variants/releases/tag/v0.0.29 (read 2026-10-28)
- maintainer: https://www.tailwind-variants.org/ (read 2026-10-28)
- language: https://github.com/heroui-inc/tailwind-variants (read 2026-10-28)
- category: https://www.tailwind-variants.org/docs/introduction (read 2026-10-28)
- basedOn: https://www.tailwind-variants.org/docs/introduction (read 2026-10-28)
- installMethod: https://www.tailwind-variants.org/ (read 2026-10-28)
- installMethod: https://github.com/heroui-inc/tailwind-variants/blob/main/README.md (read 2026-10-28)
- installMethod: https://github.com/heroui-inc/tailwind-variants/blob/main/README.md (read 2026-10-28)
- license: https://github.com/heroui-inc/tailwind-variants (read 2026-10-28)
- licenseModel: https://github.com/heroui-inc/tailwind-variants (read 2026-10-28)
- currentMajor: https://github.com/heroui-inc/tailwind-variants/releases/tag/v3.3.1 (read 2026-10-28)
- latestReleaseDate: https://github.com/heroui-inc/tailwind-variants/releases/tag/v3.3.1 (read 2026-10-28)
- githubStargazers: https://github.com/heroui-inc/tailwind-variants (read 2026-10-28)
- contributors: https://github.com/heroui-inc/tailwind-variants (read 2026-10-28)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/tailwind-variants (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/tailwind-variants (read 2026-10-28)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/tailwind-variants (read 2026-10-28)

## Notes

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.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0