Cursor & pointer
Tilt & Holo
3D tilt that follows the pointer, plus holographic foil whose colors shift with the viewing angle.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { HoloCard, Tilt } from '@vizzele/react';
<HoloCard max={14}>
<h3>Prismatic</h3>
</HoloCard>
<Tilt max={10} scale={1.02} className="my-card">…</Tilt>Props
| Prop | Type | Default | Description |
|---|---|---|---|
max | number | 12 | Maximum rotation in degrees. |
perspective | number | 1000 | CSS perspective in px. |
scale | number | 1.03 | Scale while hovered. |
reverse | boolean | false | Tilt away from the pointer. |
axis | 'x' | 'y' | 'both' | 'both' | Restrict rotation. |
spring | SpringConfig | SpringPreset | 'liquid' | Follow spring. |
Accessibility
- Touch: tilts toward where you press, relaxes on release.
- Reduced motion: no rotation; the foil stays as a static sheen.