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 https://vue.tileui.zmorg.cn/r/card.json

Package usage

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