Card
Compound primitive: Card / Header / Content / Footer / Title / Description. Corner brackets do the framing by default, with a bordered toggle for a continuous 1px border and a glow variant that adds an accent tint.
/// Default
IdleDefault card
Sharp corners with bracket markers. The brackets are the frame.
/// Glow
LiveHighlight card
Tinted accent gradient surface.
Add to your project
One command adds this component to your project.
1
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-card2
For dark mode, add the dark class to your <html> element:
<html class="dark">
AI Canvas