3D distorted gallery with smooth depth motion, swipe and keyboard control, custom borders, hover effects, and autoplay. Perfect for hero headers, portfolios, and product showcases
Made with Workshop
Build your own component with AI
Distorted Gallery is a premium 3D animated slider that brings a cinematic feel to your Framer site. Each slide bends in space with smooth transitions, hover depth effects, and precise navigation controls. It supports swipe gestures, keyboard navigation, custom borders, and full autoplay logic with accurate timing.
Ideal for hero sections, product displays, portfolios, photography sites, galleries, creative studios, and any project that needs a bold visual impact.
🎞️ Cinematic 3D depth animation
🖼️ Supports uploads and links (up to 10 images)
🔄 Smooth autoplay with stable timing
👆 Touch swipe navigation
⌨️ Keyboard arrow navigation
🎚️ Adjustable image size and custom borders
🌈 Hover lighting and shadow effects
🎛️ Fully customizable control buttons
🎨 Background and shadow color controls
🧩 Easy to use and fully compatible with Framer layout settings
Creative portfolio hero headers
Product presentation sliders
Showcasing photography or artwork
Startup landing pages
Fashion or lifestyle brand sections
Visual storytelling and case studies
Above the fold hero section
Gallery section on portfolio pages
Full-screen showcase modules
Product intro blocks
Marketing pages that need motion and depth
