Parallax Gallery

Parallax Gallery

About Parallax Gallery

Convert static portfolios into immersive interactive showcases.

Parallax Gallery arranges your images as a floating cluster of nodes, each one layered with subtle parallax that responds to your cursor. Click any node and the right panel opens: full-bleed image, title, and story copy, revealed through a smooth cinematic transition.

Mobile setup

Rotate to portrait on mobile and the same content becomes a natural masonry grid. Tap any image to open an immersive fullscreen lightbox with your text anchored at the bottom.

One component in two completely different — and completely intentional — experiences.

What makes it different

  • Parallax node cluster with depth and size hierarchy

  • Animated split-panel reveal on desktop

  • Masonry grid + fullscreen lightbox on mobile

  • Responsive: auto-switches on screen rotation

  • Full typography control for desktop and mobile

  • Image focus: top / center / bottom

  • Reduced motion support built in

No dependencies. Clean, performant code.

Built for: Portfolios · Editorial stories · Case studies · Brand narratives · Photography showcases

Support Regular updates. Reach out if you need help — I'm happy to assist.