WebGLCurvedCarousel

WebGLCurvedCarousel

WebGLCurvedCarousel is a premium infinite WebGL carousel for creating immersive, cinematic project showcases in Framer.

Inspired by the Awwwards Site of the Day-winning website Meech 213, it combines curved perspective, smooth momentum, depth, and fluid drag or scroll interactions in a responsive, customizable component.

Features

• Infinite seamless scrolling

• Native WebGL rendering

• Curved perspective and depth

• Drag and swipe interaction

• Mouse wheel and trackpad support

• Natural momentum

• Responsive layout

• Clickable project links

• Adjustable card size and spacing

• Customizable curve, camera, and movement

• Automatic off-screen pausing

• Performance-optimized rendering

• Framer-native property controls

Perfect For

• Creative portfolios

• Photography and fashion showcases

• Design and architecture studios

• Artist websites

• Product and campaign galleries

• Premium hero sections

Why Choose WebGLCurvedCarousel?

WebGLCurvedCarousel brings an immersive WebGL experience directly into Framer without external libraries or complicated setup.

Customize images, links, dimensions, spacing, movement, perspective, and depth from Framer’s property panel. Optimized textures, responsive rendering, and automatic off-screen pausing help provide smooth performance across desktop, tablet, and mobile.

Important Usage Disclaimer

This component is designed for use as a full-width, full-viewport-height hero section.

Use it on a page with no additional sections beyond the initial viewport. While the pointer is over the component, scrolling controls the carousel and may prevent the page from scrolling past it.