Card

CalendarCarousel

Elevated, outline, glass and gradient border.

Pro plan

Everything, unlimited.

$29/mo

Installation

pnpm add krz-ui

Usage

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "krz-ui";
<Card hoverable>
  <CardHeader>
    <CardTitle>Welcome</CardTitle>
    <CardDescription>Get started in minutes.</CardDescription>
  </CardHeader>
  <CardContent>...</CardContent>
</Card>

API Reference

PropTypeDescription
variant"elevated" | "outline" | "glass" | "gradient"Visual style.
hoverablebooleanLift the card on hover.
className / style / ref—All go to the outer element. See Customization.