Floating Gallery
A layered floating media component with 3D depth, continuous motion, and hover interaction—designed to showcase both images and videos in an immersive layout.
Made with Workshop
Build your own component with AI
Overview
This component creates a visually rich floating scene where multiple layers of images and videos move continuously upward with realistic 3D perspective. Mouse or touch interaction adds subtle parallax motion, while clicking any media opens it in a focused, fullscreen-style overlay. Fully customizable and optimized for Framer canvas and live sites, it works seamlessly with both images and videos.
Key Features
Multi-Layer 3D Depth – Three independent layers with realistic perspective and spacing
Supports Images & Videos – Mix image and video media in any layer
Continuous Floating Animation – Smooth, infinite upward motion with adjustable speeds
Hover & Touch Parallax – Responsive vertical movement based on user interaction
Clickable Media Preview – Enlarge images or videos in a cinematic overlay
Highly Customizable – Control sizes, speeds, positions, shadows, radius, and colors
Framer-Ready – Property controls for easy setup, canvas-safe and live-site optimized
Best For
Hero sections and landing pages
Media-rich portfolios and galleries
Product or brand showcases
Creative studio and agency websites
Interactive backgrounds with visual storytelling
