PerspectiveGrid

PerspectiveGrid
PerspectiveGrid

About PerspectiveGrid

About this component 🎛️

Infinite scrolling masonry grid with customizable 3D perspective and smooth animations

Key Features ✨

  • Displays images in a dynamic 3D space with customizable perspective, tilt, and rotation controls for a unique visual presentation

  • Smooth continuous scrolling animation with adjustable speed that loops seamlessly, creating an engaging browsing experience

  • Users can manually scroll using mouse wheel, click-and-drag, or touch gestures on mobile devices

  • Intelligent grid system that arranges images of varying heights into balanced columns for optimal space usage

  • Optional gradient overlays on edges (top/bottom or left/right) to create depth and focus attention on center content

  • Subtle vertical movement on gallery items creates a dynamic, living gallery effect

  • Extensive property controls for layout, colors, animations, 3D transforms, shadows, and more

  • Adapts to different container sizes while maintaining visual quality and performance

  • Uses requestAnimationFrame for smooth 60fps animations and efficient rendering

Perfect for 🔥

Portfolios, product showcases, photo galleries, or any visual-heavy website that needs to make a strong impression

Questions❓

If you have any questions or need clarification, feel free to reach out before completing your order. hello@8ighty8.studio

Follow me on X @8ighty8studio

Changelog ⚙️

Version 2: 11/9/2025

  • Added lightbox property with a variety of customization options

  • Property control updated to be organized into logical groups for easy configuration

From 8ighty8

Expandable Gallery
ArcGallery
SpiralPath
BetterGallery

Related Components

Slide Viewer
CMS Scroll Gallery
CMS Filter Bento
Dynamic Lightbox