Card

Surface container composed of header, content, and footer.

shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026

Installation

import {
  Card,
  CardHeader,
  CardTitle,
  CardDescription,
  CardContent,
  CardFooter,
} from "@aspyn-io/kit";

Composition

Cards are compound components: compose exactly the sections you need.

Team plan
$29/user/month, billed annually.
Unlimited projects, priority support, SSO.

Stat card

The dashboard-metric pattern used across Aspyn products.

Active subscriptions
632.9K

+19% from last month

With separated actions

API keys
3 active
Rotate keys regularly. Keys are shown once at creation.

Login form card

A self-contained auth card: header copy, labelled fields, and a full-width submit in the footer.

Sign in
Enter your credentials to continue.

Media card

Lead with an AspectRatio image (pt-0 + overflow-hidden lets it sit flush), then title and CTA below.

Coastal retreat at sunset
Coastal retreat
Big Sur, California