ecklf/tailwindcss-radix

Health v2 · maintenance only

Adoption not part of the score

2165 stars · 65 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

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

plugin · maturity active

ui-components css-framework plugin-system frontend web-development web-design browser cross-platform tailwindcss radix-ui tailwind-plugin data-attributes react styling-variants nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="ecklf/tailwindcss-radix")