Skip to content

Tailwind Buddy: Your Friendly Helper for Composing Tailwind Classes 🎨

Notifications You must be signed in to change notification settings

busbud/tailwind-buddy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tailwind Buddy: Your Friendly Helper for Composing Tailwind Classes 🎨

What problem does Tailwind Buddy solve?

Tailwind Buddy addresses common challenges in managing Tailwind classes for complex, responsive designs. It offers a streamlined approach to:

  • Organize and compose Tailwind classes for different component variants
  • Handle responsive designs with ease, reducing potential screen flickering in SSR applications
  • Manage compound variants that work responsively
  • Utilize a slot-based system for breaking down components into smaller, manageable parts

Key Features

  • Tools for building Tailwind variant components
  • Support for responsive variant props
  • Framework-agnostic solutions (works well with frameworks other than React)
  • SSR-friendly class generation, both responsive and non-responsive
  • Ability to use slots for component composition
  • Compound variants that work responsively, overriding classes based on variant values and other props
  • High-performance variant utility, as demonstrated in our benchmarks

This library is inspired by CVA and tailwind-variants, offering our unique approach to solving common Tailwind challenges.

Want to see a react native project using it ? :p

https://github.com/flozero/tailwind-buddy-presentation-react-native