TWC is a lightweight utility for creating reusable React components styled with Tailwind CSS in a single declaration. It replaces repetitive forwarding, class merging, and prop plumbing with a compact tagged-template API such as twc.div. Components retain editor autocomplete and can adapt their Tailwind classes according to incoming props. The asChild option allows existing classes to be reused while rendering another component or element. TWC works with standard and custom components, including environments that use React Server Components. Built-in compatibility with tailwind-merge and class-variance-authority makes it suitable for design systems that need concise, composable, and type-friendly styling.

Features

  • One-line styled components
  • Tailwind CSS autocomplete
  • Prop-based style variants
  • asChild class reuse
  • React Server Component support
  • tailwind-merge and CVA integration

Project Samples

Project Activity

See All Activity >

Categories

Libraries

License

MIT License

Follow TWC

TWC Web Site

Other Useful Business Software
$300 Free Credits to Build on Google Cloud Icon
$300 Free Credits to Build on Google Cloud

New customers can spin up VMs, build with AI, and query data at no cost.

Put your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of TWC!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript Libraries

Registered

2026-07-28