GalleryTide

GalleryTide is a fully interactive 3D carousel component. Cards ride a real-time sine wave with depth, twist, and rotation baked into every frame. It's designed for portfolios, product showcases, editorial layouts, and anywhere a standard flat carousel feels too static.

Features

• Continuous looping wave animation with no visible seams

• Drag with momentum — flick and the ribbon coasts to a stop

• Per-card tilt with interactive ripple light effect on hover

• Configurable wave height, depth, frequency, and twist angle

• Overlay tint, card shadow, and custom font styling per card

• Each card supports an image, title, subtitle, and clickable link

Property Controls

• Carousel Items — add images, titles, subtitles, and links per card

• Layout Options — card width, height, gap, corner radius, 3D perspective

• Wave Physics — amplitude, depth, frequency, twist, autoplay speed, direction

• Interactions — enable/disable drag, tilt, ripple depth, spotlight effect

• Visual Styling — overlay tint, text color, font picker, card shadow

Quick Start

1. Drop GalleryTide onto your Framer canvas

2. Open the property panel and click + under Carousel Items

3. Upload your images and fill in titles or links as needed

4. Adjust Wave Physics and Layout to match your design

5. Hit Preview — your tide is live