Skip to content
Core ElementsFree

Holo Card

A card with a mouse-tracking spotlight/gradient shine effect.

Usage

Holo Card

Move your cursor over this card.

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { HoloCard } from "@wunderui/react"

Examples

Holo Card

A light spot follows your cursor across the card.

WunderUI Pro

Hover to reveal the spotlight effect.

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Upgrade card

The one card that should catch the eye — an upgrade offer with the spotlight.

Pro

Unlock every block

271 screens, the full Figma library and every update. Move your cursor over the card.