cardcn
componentcard-1source: ok · refreshed
Card 1
Card component
npx shadcn add "https://cardcn.dev/r/card-1.json"free
No selection tags yet — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightRegistry dependencies
card
Files1 · source cached 10/8/2026, 5:34:01 AM
src/components/cards/card-1.tsx
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
const Placeholder = {
title: <div className="bg-accent h-8 max-w-40 w-full rounded-md" />,
content: <div className="bg-accent h-20 w-full rounded-md" />,
};
export const Card_1 = () => {
return (
<Card className="shadow-[5px_5px_0px_0px_var(--border)]">
<CardHeader>
<CardTitle>{Placeholder.title}</CardTitle>
</CardHeader>
<CardContent>{Placeholder.content}</CardContent>
</Card>
);
};