WavyMotion Carousel

WavyMotion Carousel is an interactive 3D media carousel for Framer that brings images and videos to life with smooth, flowing wave motion. Featuring a continuous horizontal layout, it creates a dynamic visual experience where media cards move seamlessly along a straight horizontal strip while a rolling ocean-inspired wave adds depth and movement.

Navigate through your media with drag interactions, mouse wheel, or trackpad scrolling. Enable autoplay for continuous movement, adjust animation speed and direction, and customize the wave intensity to create different motion effects.

Features

• Image & Video Support: Display images and videos together in one carousel.

• Continuous Animation: Smooth, uninterrupted horizontal movement.

• Dynamic Wave Effect: Create flowing wave motion across media cards.

• Drag Interaction: Drag to navigate with natural momentum.

• Autoplay: Keep media moving automatically with adjustable speed and direction.

• Scroll Navigation: Navigate using mouse wheel or trackpad.

• Customizable Design: Adjust card height, aspect ratio, spacing, and corner radius.

• Edge Fade: Add a smooth fade effect at the edges.

• Video Optimization: Muted looping playback with automatic pausing outside the viewport.

• Performance Optimized: Animation runs only when the carousel is visible.

• Responsive Layout: Adapts to different container dimensions.

Perfect For

• Creative portfolios

• Photography websites

• Video showcases

• Agency websites

• Brand storytelling

• Product galleries

• Visual landing pages