{"adoption": {"forks": 88, "observed_at": "2026-08-28T04:07:53.978249+00:00", "stars": 3292}, "canonical_url": "https://ross.abutalabs.com/products/tailwind-variants", "card": {"archived": false, "artifact_type": "library", "description": "🦄 Tailwindcss first-class variant API", "domain": ["frontend", "web-development", "web-design", "developer-tools"], "enriched": true, "function": ["ui-components", "css-framework", "state-management"], "health_score": 99, "homepage": "https://tailwind-variants.org", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["heroui-inc/tailwind-variants"], "name": "heroui-inc/tailwind-variants", "platform": ["browser", "cross-platform"], "pushed_at": "2026-08-18T08:31:58+00:00", "repo": "heroui-inc/tailwind-variants", "stars": 3292, "tags": ["tailwindcss", "variants", "design-systems", "class-merging", "typescript", "component-recipes", "slots", "framework-agnostic", "nodejs", "web-server"], "topics": ["classnames", "css", "tailwindcss", "variants"], "urls": [], "use_cases": ["manage tailwind css variants for ui components", "build a typed design system with tailwind", "merge conflicting tailwind classes automatically", "style multi-part components with slots", "create compound variant styles in tailwind", "replace cva with a fully typed variant api"], "what_it_is": "Tailwind Variants is a TypeScript library providing a first-class variant API on top of Tailwind CSS, letting you define typed component recipes with base styles, variants, slots, compound rules, and defaults. It includes built-in Tailwind class conflict resolution, is framework-agnostic, and offers a lite build for smaller bundles.", "when_to_avoid": ["you don't use Tailwind CSS for styling", "you need responsive variant generation with Tailwind v4, which no longer supports config transforms", "you want a full CSS-in-JS solution with runtime style objects rather than class strings", "bundle size is critical and you can't accept even the lite build's overhead"], "when_to_choose": ["you use Tailwind CSS and want Stitches-style variants with full TypeScript inference", "you need slots and compound variants for multi-part components", "you want built-in class conflict resolution without installing tailwind-merge separately", "you need a framework-agnostic styling utility that works with React, Vue, Svelte, or plain JS"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/tailwind-variants", "repo": "heroui-inc/tailwind-variants", "role": "main", "score": 96}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:07:53.978249+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-29T18:43:11.841683+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "3bc1d39f3fe255740e72c3d1e6a53188dd4b7836fd2f954cecc5e34051bb6175", "fetched_at": "2026-08-28T04:07:53.978249+00:00", "kind": "readme", "missing": false, "url": "https://github.com/heroui-inc/tailwind-variants"}, {"content_hash": "df8cb02bd11ff0307ec3d704c10180dfe1052d7669ae72496e735c7f2c5a4e6d", "fetched_at": "2026-08-29T09:36:00.111933+00:00", "kind": "homepage", "missing": false, "url": "https://tailwind-variants.org"}, {"content_hash": "dfcb9cc82848f31fbab8e8177cebac5898b0b8ed1d88fcf40153a1faf9fe9501", "fetched_at": "2026-08-29T09:36:00.121877+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/introduction"}, {"content_hash": "081116ae2cee4b2c5103d8ac8c4839554183106b1a740dcc5024e3dca16daff1", "fetched_at": "2026-08-29T09:36:00.124226+00:00", "kind": "site_page", "missing": false, "url": "https://www.tailwind-variants.org/docs/variants"}, {"content_hash": "98613b412587b2a3109d154a04f923e369169c298aa8b975a6f7d928136110bf", "fetched_at": "2026-08-29T09:36:00.126184+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/tailwind-variants"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 98, "longevity": 94, "rhythm": 96}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 1329, "days_push": 15, "days_rel": 30, "gap_med": 14, "n_releases_24m": 14}, "score": 96, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}