← DOCS
layout

HologramCard

Holographic card with scanlines, RGB shift, 3D tilt, and mouse-tracking glow.

npx chaos add hologram-card

PREVIEW

HOLO

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { HologramCard } from '@oalacea/chaosui/layout/hologram-card';

<HologramCard>
  <h2>Title</h2>
  <p>Content here</p>
</HologramCard>
<HologramCard variant="pink" flicker>Unstable</HologramCard>

PROPS

PropTypeDefault
childrenCard content
ReactNode-
variantNeon color
"cyan" | "pink" | "green" | "purple""cyan"
scanlinesShow CRT scanlines
booleantrue
flickerFlicker effect
booleanfalse