Photo Stack

Arrange photos like a scattered pile for a personal feel.

Overlapping photos placed freely, with idle motion, hover effects, fan-out, mouse parallax, frames and captions.

Elementor widget

Requirements

  • Elementor 3.5 or newer
  • WordPress 6.2 or newer
  • PHP 7.4 or newer
  • Licence: free — installs straight from Moduly

Add it to a page

  1. Edit the page with Elementor.
  2. In the widget panel, search for Photo Stack. Our widgets sit in the Moduly category and carry the Moduly badge.
  3. Drag it onto the page.
  4. Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.

Settings

Photos

SettingWhat you can set
Photoseach item: Photo, Image, Image Resolution, Image Dimension, Caption, Alt Text, Link, Position, Offset X, Offset Y, … (21 in all)
AlignmentLeft, Center or Right

Motion

SettingWhat you can set
Idle AnimationNone, Bounce small, Bounce medium, Bounce large, Float (up and sideways), Sway (gentle tilt), Fade, Rotating, … (12 in all)
Duration (s)1–60 · One cycle. Rotating looks best slow (30–60 s).
Stagger PhotosStart each photo at a different point of the cycle so they don’t move in lockstep.
Photo Hover EffectNone, Fly small, Fly medium, Fly large, Scale small, Scale medium, Scale large, Scale inverse small, … (12 in all)
Bring Hovered Photo to FrontOn / off
Fan-out on HoverHovering the stack moves each photo by its own Fan-out values (Photos → Position).
Mouse ParallaxPhotos drift with the pointer by their Parallax Depth.
Follow the Pointer OverThe stack or The whole page
Hover Transition (ms)0–1500
Pause Idle Motion in EditorOn / off

Style tab: design controls for Stack Area, Photos or Caption — colours, typography, spacing, borders and hover states.

Tips

  • Visitors who ask their device for reduced motion get a calmer, still version automatically.

Troubleshooting

  • Stage height is manual: very tall crops (4:5, 1:1 at large widths) need a taller stage, as in Happy.
  • Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
  • Also available for Divi (Photo Stack).
  • Works well with: Image Accordion, Image Carousel, Image Compare.