Floating Gallery

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