Examples
Real-world examples using TailUI. Browse the code, the styles, and the live preview for React, Vue, Svelte, and Angular.
Cards
Card components with different variants: basic, elevated, and hoverable.
Basic Card
A simple card with header, body and footer slots.
Elevated
An elevated card with a prominent shadow.
Hoverable
Hover me to see the lift effect and shadow transition.