Components
Card
Surfaces in four materials: plain, liquid glass, holographic foil and spotlight.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { Card } from '@vizzele/react';
<Card variant="glass">…</Card>
<Card variant="holo">…</Card>
<Card variant="spotlight" interactive>…</Card>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'glass' | 'holo' | 'spotlight' | 'default' | Material. |
interactive | boolean | false | Lift with a spring on hover. |
as | ElementType | 'div' | Element (article, a, li…). |
Accessibility
- A plain container — give it the semantics of what it holds (article, li, a).