← DOCS
layout

HologramCard

Holographic card with scanlines and glow.

npx chaos add hologram-card

PREVIEW

HOLO

USAGE

import { HologramCard } from '@/components/chaos/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