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