HoloCard
1.0.0Marketing block with holographic trading cards: pointer-driven 3D tilt, token rainbow foil, and a contact shadow that leans with the surface.
npx jabkit add holo-cardComponent Data
- ID
- holo-card
- Category
- marketing
- Version
- 1.0.0
- Added
- 2026-09-06
- Type
- block
- Keyboard nav
- No
- Reduced motion
- Yes
holoholographicfoilcardmarketingtiltinteractivelanding
Dependencies
- clsx
- tailwind-merge
Examples
Default
<div className="bg-background text-foreground">
<HoloCard {...holoCardMocks.default} />
</div>Variants
<div className="bg-background text-foreground">
<HoloCard {...holoCardMocks.alternate} />
</div>