# ecklf/tailwindcss-radix

Utilities and variants for styling Radix state

Repository: https://github.com/ecklf/tailwindcss-radix
Canonical: https://ross.abutalabs.com/products/tailwindcss-radix
Homepage: https://tailwindcss-radix.vercel.app
Language: TypeScript
License: MIT
License Family: permissive
Topics: tailwindcss, plugin, radix, react
Last push: 2025-04-07T19:14:13+00:00

## Health v2 (maintenance only)
Score: 41/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 15, release rhythm 40, longevity 100
- inputs: {"age_days": 1750, "days_push": 513, "days_rel": 560, "gap_med": 10, "n_releases_24m": 4}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2165, forks 65 (observed 2026-08-28T04:06:21.320118+00:00)

## What it is
A Tailwind CSS plugin that generates utilities and variants for styling Radix UI component state via data attributes. It provides prefixed classnames like radix-state-* with editor auto-completion, supporting both Tailwind v3 and v4.

## Use cases
- style radix dropdown menu open state with tailwind classes
- add tailwind variants for radix data-state attributes
- get autocomplete for radix ui state styling in tailwind
- style radix accordion, tabs, and dialog states with tailwind
- use custom prefix for radix tailwind variants
- migrate tailwind radix plugin to tailwind v4

## When to choose
- you use Radix UI primitives with Tailwind CSS and want typed, auto-completed state variants
- you want cleaner classnames instead of raw data-[state=open] attribute selectors
- you need Tailwind v3 or v4 compatibility with configurable variant prefixes

## When to avoid
- you don't use Radix UI components
- you use a different CSS framework or vanilla CSS
- you prefer writing data-* attribute variants manually

## Facets
- artifact type: plugin
- maturity: active
- function: ui-components, css-framework, plugin-system
- domain: frontend, web-development, web-design
- platform: browser, cross-platform
- tags: tailwindcss, radix-ui, tailwind-plugin, data-attributes, react, styling-variants, nodejs

## Member repositories
- ecklf/tailwindcss-radix (main) score 41

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:21.320118+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:49:59.613228+00:00, confidence not recorded.
  - readme: https://github.com/ecklf/tailwindcss-radix (fetched 2026-08-28T04:06:21.320118+00:00, sha 74a589fb2754)
  - homepage: https://tailwindcss-radix.vercel.app (fetched 2026-08-29T10:30:06.953273+00:00, sha 8b75d1ef52c6)
  - registry_npm: https://registry.npmjs.org/tailwindcss-radix (fetched 2026-08-29T10:30:06.955702+00:00, sha e9223d22a677)
- Data as of 2026-08-30T08:39:29.467469+00:00.