Preview Card
A card variation highlighting content with subtle inner/outer depth and rich glassmorphic hovers.
Abstract Fluid
Modern dynamic lighting.
Notice
Non-Interactive
This card lacks the 'interactive' flag. It retains the deep inner box-shadow and borders, but does not hover, scale or show radial shines.
Carousel
A horizontally scrollable container with snap physics. Combines beautifully with Preview Cards.
Neon Gradients
Fluid Dynamics
Deep Space
Geometric
Preview Card API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
imageUrl | string | undefined | Background image URL. |
interactive | boolean | false | Enables hover scaling, borders, and radial glassmorphic shines. |
variant | string | 'default' | Padding variant ("default", "compact", "expanded"). |
Carousel API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
showControls | boolean | true | Whether to show previous/next buttons. |
scrollAmount | number | 0 | Amount to scroll in pixels. If 0, scrolls 80% of viewport width. |