Floor Carousel

Floor Carousel is a WebGL-powered 3D media carousel for Framer that transforms your media into an immersive, perspective-based gallery. Inspired by a runway extending into the distance, it combines realistic depth, smooth infinite scrolling, and dynamic motion to create a unique visual experience.

Use it as an image-only carousel, a video-only carousel, or a mix of both. Choose your preferred media format and create visually engaging galleries with seamless infinite movement.

Built with Three.js, Floor Carousel offers extensive customization over floor tilt, camera perspective, slide positioning, spacing, and optional wave deformation. Drag through your media with smooth momentum or enable automatic scrolling for a continuously moving gallery.

Key Features

• 3D Floor Perspective: Runway-style gallery with realistic depth.

• Flexible Media Modes: Images only, videos only, or mixed media.

• Infinite Scrolling: Seamless continuous media movement.

• Wave Deformation: Add optional rolling wave effects.

• Smooth Drag Interaction: Navigate with momentum-based dragging.

• Auto Scrolling: Automatic movement in either direction.

• Perspective Controls: Adjust tilt, angle, camera perspective, and depth.

• Customizable Layout: Control slide dimensions, spacing, and corner radius.

• Performance Optimized: Animations and video playback run only while visible.

Best For

• Creative portfolios

• Photography and videography websites

• Agency showcases

• Digital art galleries

• Product presentations

• Modern landing pages