gregberge/twc

Health v2 · maintenance only

Adoption not part of the score

1417 stars · 32 forks observed · 2026-08-28

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

TWC is a lightweight (0.49kb) TypeScript library for creating reusable React components styled with Tailwind CSS in a single line, using a styled-components-like tagged template API. It supports prop-based styling, the asChild pattern, React Server Components, and first-class tailwind-merge and cva integration.

Use cases

• create reusable tailwind css react components in one line
• reduce boilerplate when wrapping tailwind classes in react components
• merge tailwind classes with class name overrides
• style components based on props with tailwind
• use tailwind components in react server components
• reuse component markup with asChild pattern

When to choose

• you use React with Tailwind CSS and want styled-components ergonomics without runtime CSS-in-JS
• you want a tiny library with editor autocompletion and RSC compatibility
• you already use tailwind-merge or cva and want first-class integration

When to avoid

• you don't use Tailwind CSS or React
• you need full CSS-in-JS with dynamic runtime styles rather than utility classes
• your team prefers plain clsx/cva helpers without an extra abstraction

Facets

library · maturity active

ui-components css-framework frontend-framework templating web-development frontend developer-tools cross-platform tailwindcss react styled-components typescript component-styling tailwind-merge cva nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="gregberge/twc")