Demo: LIVE DEMO
A stunning 3D grid component with scroll-triggered animations. Features multiple animation styles with perspective transforms, creating immersive visual experiences as users scroll through your content.
The Scroll3DGrid component creates eye-catching 3D perspective effects on image grids that animate based on scroll position. It includes 6 different animation types, each with unique 3D transformations and transitions.Features
- 🎬 6 Animation Types - Multiple pre-configured 3D animation styles
- 🎨 Fully Customizable - Control perspective, columns, gap, and more
- 📱 Responsive - Adapts to different screen sizes
- ⚡ Performance Optimized - Uses GSAP Scroll Trigger for smooth animations
- 🖼️ Image Support - Easy image array configuration
- 🎯 Scroll-Triggered - Animations activate as you scroll
- Horizontal parallax movement with depth
- Items slide from left to right at different speeds
- 3D rotation on Y-axis with varying Z-depth
- Vertical movement with rotation
- Brightness transitions from 200% to 0%
- Complex 3D rotation on multiple axes
- Items start far away and zoom in
- Rotates from angled to flat
- Scattered positioning effect
- Items pop forward then settle back
- Flipping rotation effect
- Brightness fade from light to dark
- Alternating row animations
- Even rows slide left, odd rows slide right
- Final scatter effect
- Items spin 360° while rising
- Rotation on Y-axis
- Opacity and scale transitions
Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.
Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!
FramerHub.io 
