Visual & layout
Immersive 3D gallery layouts:Switch between multiple cinematic arrangements including Helix, Orbit, Cascade, and Vortex styles — each offering unique motion flow and spatial depth.
Layered depth system:Foreground items appear larger, sharper, and more dominant while background elements scale down smoothly with opacity and perspective transitions.
Infinite looping motion:The carousel rotates continuously in a seamless loop, creating a fluid browsing experience without hard resets or abrupt endings.
Modern premium styling:Rounded media cards, smooth shadows, responsive spacing, and cinematic transitions help the component blend naturally into high-end website designs.
–––––––––––––––––––––––––––
Interaction
Drag-to-rotate controls:Users can navigate naturally through the gallery using smooth drag gestures and momentum-based movement.
Multi-navigation support:Includes arrow controls, mouse wheel support, keyboard navigation, and pagination dots for seamless interaction across devices.
Hover-to-play videos:Video items automatically play on hover and pause instantly when interaction ends.
Autoplay with smart pausing:Enable automatic rotation with configurable intervals that pause intelligently during hover or interaction.
Smooth spring animations:Motion is powered by fluid spring-based transitions for polished cinematic movement.
–––––––––––––––––––––––––––
Customization
Fully customizable via the properties panel:
Multiple 3D layout presets
Perspective & depth intensity
Rotation speed & direction
Scale & opacity ranges
Background & accent colors
Border radius & shadows
Navigation styling
Aspect ratio presets
Hover interactions
Autoplay controls
Responsive scaling behavior
–––––––––––––––––––––––––––
Responsive behavior
Desktop:Large cinematic layouts with immersive depth effects and fluid looping motion.
Tablet & Mobile:Optimized touch interactions with responsive scaling for smoother browsing across smaller devices.
Viewport-aware playback:Animations and autoplay pause automatically when outside the viewport for improved performance.
Accessibility support:Includes keyboard navigation, ARIA labels, and reduced-motion compatibility.
–––––––––––––––––––––––––––
Perfect for
SaaS landing pages
AI startup showcases
portfolio galleries
product storytelling
case study sections
media presentations
testimonials
hero sections
creative brand experiences
–––––––––––––––––––––––––––
Why it works
Creates immersive cinematic depth
Makes media feel interactive and alive
Supports both images and videos seamlessly
Encourages exploration through motion
Adds premium visual storytelling to websites
Blends performance with high-end interaction design
–––––––––––––––––––––––––––
DepthLoop Gallery is just one piece.
At Blanq Studio, we design and build conversion-focused Framer websites for SaaS, AI, and modern brands — crafted to feel premium, interactive, and built to convert.
From landing pages to complete product experiences, every detail is designed to help brands stand out online and perform better.
–––––––––––––––––––––––––––
Preview / Functionality
Sameer
