{"meta":{"name":"FindSoftware","page":"https://findsoftware.frbit.cloud/tailwind-variants/","markdown":"https://findsoftware.frbit.cloud/tailwind-variants.md","license":"https://creativecommons.org/licenses/by/4.0/","attribution":"FindSoftware, CC BY 4.0","note":"Attributes are recorded, never scored. An absent field means unknown, never zero and never bad."},"record":{"id":"tailwind-variants","name":"Tailwind Variants","urls":{"home":"https://tailwind-variants.org","repository":"https://github.com/heroui-inc/tailwind-variants","docs":"https://www.tailwind-variants.org/docs/introduction"},"category":["css-framework"],"description":"First-class variant API for Tailwind CSS that defines typed component recipes with variants, slots and compound styles.","maintainer":"NextUI Inc.","maintainerType":"company","firstRelease":2023,"hosting":null,"language":"javascript","runtimeMin":null,"basedOn":["tailwindcss"],"contentStore":null,"databases":null,"adminUi":null,"headlessApi":null,"templating":null,"i18n":null,"renderingModes":null,"installMethod":"npm","licenseModel":"open-source","license":"MIT","currentMajor":"3","latestReleaseDate":"2026-08-03T00:00:00.000Z","githubStargazers":3320,"contributors":23,"packagistDownloads":null,"npmWeeklyDownloads":5059788,"dependentRepos":4238,"dependentPackages":174,"social":{"x":"https://x.com/hero_ui","discord":"https://discord.gg/9b6yyZKmH4","forum":"https://github.com/heroui-inc/tailwind-variants/discussions"},"checkedAt":"2026-10-28T00:00:00.000Z","addedAt":"2026-10-28T00:00:00.000Z","sources":[{"field":"urls","url":"https://www.tailwind-variants.org/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"urls","url":"https://github.com/heroui-inc/tailwind-variants","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"urls","url":"https://www.tailwind-variants.org/docs/introduction","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"firstRelease","url":"https://github.com/heroui-inc/tailwind-variants/releases/tag/v0.0.29","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"maintainer","url":"https://www.tailwind-variants.org/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"language","url":"https://github.com/heroui-inc/tailwind-variants","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"category","url":"https://www.tailwind-variants.org/docs/introduction","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"basedOn","url":"https://www.tailwind-variants.org/docs/introduction","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"installMethod","url":"https://www.tailwind-variants.org/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"installMethod","url":"https://github.com/heroui-inc/tailwind-variants/blob/main/README.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"installMethod","url":"https://github.com/heroui-inc/tailwind-variants/blob/main/README.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"license","url":"https://github.com/heroui-inc/tailwind-variants","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"licenseModel","url":"https://github.com/heroui-inc/tailwind-variants","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"currentMajor","url":"https://github.com/heroui-inc/tailwind-variants/releases/tag/v3.3.1","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"latestReleaseDate","url":"https://github.com/heroui-inc/tailwind-variants/releases/tag/v3.3.1","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"githubStargazers","url":"https://github.com/heroui-inc/tailwind-variants","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"contributors","url":"https://github.com/heroui-inc/tailwind-variants","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"npmWeeklyDownloads","url":"https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/tailwind-variants","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"dependentPackages","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/tailwind-variants","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"dependentRepos","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/tailwind-variants","checkedAt":"2026-10-28T00:00:00.000Z"}],"status":"active","ai":"authored"},"prose":"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.\n\n## Worth knowing\n\nThe default build resolves conflicting Tailwind classes. A lite build, imported from a separate path, skips conflict resolution."}