Card

Compound primitive: Card / Header / Content / Footer / Title / Description. No continuous border — corner brackets do the framing.

/// Default

Idle

Sharp corners with bracket markers. The brackets are the frame.

/// Glow

Live

Tinted accent gradient surface.

Add to your project

One command adds this component to your project.

Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.

npx shadcn@latest add @aicanvas/andromeda-card

For dark mode, add the dark class to your <html> element:

Optional

<html class="dark">