All Animation Variants

Explore all interactive animation types offered by the Reactive Image library. Each variant is optimized for different use cases.

Click to Expand - Modal Animations

Scale Fade

Scale fade modal

Slide Up

Slide up modal

Slide Down

Slide down modal

Slide Left

Slide left modal

Slide Right

Slide right modal

Spring Pop

Spring pop modal

Zoom Bounce

Zoom bounce modal

Rotate In

Rotate in modal

Flip In

Flip in modal

Hover Transition Animations

Crossfade

Crossfade hover switch

Slide Right

Slide right hover switch

Slide Left

Slide left hover switch

Slide Up

Slide up hover switch

Slide Down

Slide down hover switch

Zoom

Zoom hover switch

Blur

Blur hover switch

Rotate Y

Rotate Y hover switch

Scale Rotate

Scale rotate hover switch

Pan & Reveal Animations

Slide Right

Pan reveal slide right

Slide Up

Pan reveal slide up

Diagonal

Pan reveal diagonal

Mask Circle

Pan reveal mask

Mask Rectangle

Pan reveal mask rectangle

Spotlight

Pan reveal spotlight

Cinematic Ken Burns Sequences

Classic Drift

Classic Ken Burns drift

Dramatic Spotlight

Dramatic Ken Burns motion

Custom Frames

Custom Ken Burns sequence

3D Tilt and Perspective Effects

Basic Tilt

Basic 3D tilt

Glare Effect

Glare tilt effect

Scale Tilt

Scale tilt effect

Perspective

Perspective tilt effect

Bounce

Bounce tilt effect

Elastic

Elastic tilt effect

Magnetic

Magnetic tilt effect

Float

Float tilt effect

Parallax

Parallax tilt effect

Zoom and Transform Effects

Scale

Basic scale zoom

Scale Rotate

Scale rotate zoom

Scale Blur

Scale blur zoom

Scale Fade

Scale fade zoom

Scale Slide

Scale slide zoom

Perspective

Perspective zoom

Pulse

Pulse zoom

Bounce

Bounce zoom

Elastic

Elastic zoom

Cursor Origin

Cursor origin zoom