Flow Frame Carousel

Add an interactive 3D curved media slider to your Framer site to showcase portfolio images and smooth looping videos with natural drag physics, depth lighting, and flawless GPU performance.

Features

• Continuous convex 3D ribbon layout

• GLSL curved mesh geometry projection

• Simultaneous multi-video auto-playback

• Smooth inertia drag and wheel interaction

• Dynamic depth fade for focus contrast

• Automatic step and infinite loop motion

• Tap-to-focus panel navigation

• Static fallback renderer for fast editing

• Adaptive GPU texture memory management

• Fully customizable gap, radius, and depth

Customization Options

• Media list with direct URL support

• Panel height and aspect ratio

• Gap spacing and curve depth

• Drag, wheel, and tap controls

• Glide speed, follow, and momentum

• Auto-play interval and direction

• Corner radius and depth fade

• Pixel ratio and max playing clips

• Static preview toggles for performance

• Custom fallback poster images

How to Use

• Drop the component onto your Framer canvas

• Add your image and video sources in property controls

• Adjust curve depth, panel height, and gap spacing

• Tune drag speed, spring duration, and auto-play options

• Publish for an instant high-converting 3D media showcase

Use Cases

• Interactive creative portfolios

• SaaS product demo showcases

• Agency client work showcases

• E-commerce video galleries

• Event recap highlight reels

• Fashion catalog displays

• Dark mode visual galleries

• High-converting landing page headers

• Digital creator asset displays

• 3D WebGL media sections