Dragging Gallery

About this Component

Turn static galleries into immersive experiences with a fluid, interactive 3D drag gallery.

This component uses WebGL (Three.js) to create smooth horizontal dragging, momentum-based scrolling, and dynamic distortion effects — giving your layouts a premium, cinematic feel.

Unlike traditional galleries, this is fully responsive by design, adapting seamlessly across desktop, tablet, and mobile without breaking layout or interaction.

No hacks. No fixed widths. No extra setup.

Just drop it in, upload your images, and it works.

Perfect For:

Portfolio showcases Creative agency websites Photography galleries Product showcases Interactive landing pages Experimental UI sections

Key Features:

Fully responsive across all breakpoints (desktop, tablet, mobile) Smooth drag, scroll, and momentum-based navigation Real-time WebGL distortion and motion effects Per-image link support (click to redirect) Custom titles for each image Animated preloader with progress feedback Adjustable speed, momentum, and distortion controls Subtle particle background and noise overlay No external setup required

How to Use:

Drop the component into your Framer project Upload your images and titles Add links for each image (optional) Adjust motion, distortion, and visuals to your style

Important Note

This component is fully responsive and tested across breakpoints. It scales fluidly without layout breaking or fixed-width issues, making it safe to use in real production layouts.

Questions? Reach out at hasanwali6890@gmail.com

Refund Policy

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.