Hextech UI

Card

Live example

Card

Build notes

Your next chapter.

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/card.json

API reference

These are the main Card options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
classNamestring on every part—
animatedboolean (reduced-motion aware)false

Composition

Combine CardHeader, CardTitle, CardDescription, CardContent and CardFooter as needed. Keep heading levels appropriate to the containing page. Optional animation is off by default and respects reduced motion.

Calendar

Single-date and date-range selection with keyboard navigation.

Charts

Optional line, area, grouped bar and ranking plots with keyboard point exploration, legends, data tables and original semantic colors.