CVA - Class Variance Authority

Uma outra biblioteca que também é utilizada pelo shadcn/ui e que pode ser utilizada com TailwindCSS ou com qualquer implementação de CSS é o CVA - Class Variance Authority.

Basicamente, a biblioteca traz a ideia de variantes - em que cada uma das variantes é uma sequência de classes.

Para ver o CVA em ação, dê uma olhada no código fonte do Codante.

Tailwind Variants

Além do CVA, existe também o Tailwind Variants, que é ainda mais poderoso. A meu ver, uma das vantagens dele para o CVA é que você pode usar slots em componentes mais complexos.

Por exemplo, para fazer esse Card:

Você pode usar este código: