Components
Loading preview...
A flexible container component for displaying content in a card layout with header, content, and footer sections.
npx shadcn@latest add https://21st.dev/r/preetsuthar17/card-1import {
Card,
CardContent,
CardDescription,
CardFooter,
CardHeader,
CardTitle,
} from "@/components/ui/card-1";
import {Button} from "@/components/ui/button";
export default function DemoOne() {
return (
<>
<Card className="w-full max-w-sm space-y-6">
<CardHeader>
<CardTitle>Welcome to HextaUI</CardTitle>
</CardHeader>
<CardContent>
<p className="text-sm text-muted-foreground">
Beautiful components for modern web applications with elegant design
and smooth interactions.
</p>
<p className="text-sm text-muted-foreground">
Experience the perfect blend of aesthetics and functionality with our
comprehensive component library.
</p>
</CardContent>
<CardFooter>
<Button className="w-full">Get Started</Button>
</CardFooter>
</Card>
</>
);
}