Flip Flap Carousel

Add a cinematic 3D split-flap media carousel to your Framer website with smooth WebGL animation physics, interactive dragging, and responsive scaling.

Features

• Smooth 3D WebGL flip and conveyor motion

• High-performance GPU-accelerated rendering

• Interactive touch and mouse drag support

• Dynamic aspect ratio cropping for images and videos

• Automatic autoplay with customizable intervals

• Clean edge-to-edge perspective scaling

• Zero-lag smooth damping physics

• Fully responsive viewport resizing

• Crisp texture optimization and downsampling

• Lightweight and optimized for 60FPS performance

Customization Options

• Media items (Images and Videos)

• Card width and height

• Gap spacing and corner radius

• Scale and 3D perspective depth

• Autoplay speed and flip duration

• Scroll direction and drag controls

• Hover pause behavior

• Background fill color

• Texture size and pixel ratio

How to Use

• Drag and drop the component onto your Framer canvas

• Add your images or video links in the properties panel

• Adjust card dimensions, radius, and gap spacing

• Tune the flip speed and autoplay settings

• Publish your site for a stunning 3D interactive showcase

Use Cases

• Modern portfolio showcases

• Product photography galleries

• SaaS feature highlights

• Interactive hero sections

• Creative agency landing pages

• Video reel displays

• Immersive storytelling layouts

• Design agency portfolios

• Startup feature carousels

• High-end marketing sites