Components

Image Effects

A suite of premium, highly customizable image components designed for modern interfaces.

Parallax Tilt

Hover to explore depth

Tilt Intensity20

<ParallaxTilt intensity={20} className="rounded-xl">
    <img src="..." />
</ParallaxTilt>

Spotlight Size300px

<SpotlightImage 
    src="..." 
    spotlightSize={300} 
    className="rounded-xl"
/>

Magnetic Strength40

Lower value = stronger pull (counter-intuitive denominator logic)

<MagneticImage 
    src="..." 
    strength={40} 
    className="rounded-full w-48 h-48"
/>

Reveal Direction

<RevealImage 
    src="..." 
    direction="circle" 
    className="rounded-xl"
/>