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
Build Agents and Models on One Platform Icon
Build Agents and Models on One Platform

Everything you need to build production-ready agents and models. Access 200+ Google and third-party AI models and tools.

Gemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
Try It 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

6 days ago