Entry Animations Demo

Explore different entry animation start positions and timing

Nearest Edge (Default)

Images enter from the closest edge to their final position

start: { position: 'nearest-edge' }

Center Burst

Images scale up from the center - great for radial/spiral layouts

start: { position: 'center' }

Top Cascade

All images enter from the top edge - natural reading order

start: { position: 'top' }

Circular Entrance

Images enter from evenly distributed positions on a circle

start: { position: 'circular', circular: { distribution: 'even' } }

Random Edge

Each image enters from a randomly chosen edge

start: { position: 'random-edge' }

Custom Timing

Adjust duration and stagger timing

timing: { duration: 600, stagger: 150 }

Layout-Aware Defaults

Different layouts have smart default entry animations

// No entry config needed - uses smart layout defaults