3D Water Carousel

Add a cinematic interactive 3D carousel with real-time fluid water floor reflections, realistic wave distortion, and smooth cylindrical media rotation to elevate your site design.

Features

• Real-time GLSL fluid simulation with interactive water ripples

• Curved 3D cylindrical gallery layout with responsive perspective

• Dual support for high-resolution images and background videos

• Custom font rendering for dynamic overlay project titles

• Smooth drag physics, mouse parallax, and touch swipe gestures

• Highly optimized WebGL performance with automatic fallback

• Interactive glass cursor with refractive light dispersion

• Built-in navigation controls and keyboard arrow support

• Fully customizable lighting, water intensity, and color grading

• Complete property controls natively inside the Framer canvas

Customization Options

• Project slides, images, videos, and custom target links

• Auto-rotate speed, direction, and hover-pause behavior

• Water refraction strength and specular highlight intensity

• Fluid wave fade speed, curl vorticity, and splash radius

• Panel height, screen gap, title scale, and custom font URL

• Image saturation, brightness, contrast, and background color

• Navigation arrow visibility and link opening preferences

How to Use

• Drop the component onto your Framer canvas

• Upload your images or videos in the project controls list

• Add project titles and destination page URLs

• Adjust water refraction, reflection strength, and slide speed

• Customize colors, font, and panel spacing to match your design

• Publish for an immersive interactive 3D experience

Use Cases

• Premium portfolio project showcases

• Creative agency work galleries

• Modern SaaS feature carousels

• Fashion and lifestyle brand showcases

• Interactive 3D product displays

• High-end studio landing page hero sections

• Dark mode interactive visual galleries

• Architecture and design project sliders