Preview

Card primitives give you a stable surface for headers, content blocks, supporting copy, and action rows.

Ship a consistent docs and component experience across React and Vue.

Use cards for summaries, settings surfaces, marketing CTAs, and denser information blocks that need a clear frame.

Registry install

pnpm dlx shadcn@latest add @tile-ui/card

Package usage

import { TCard, TCardHeader, TCardTitle, TCardContent } from '@tile-ui/vue';