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.
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
Creative portfolios
Photography and fashion showcases
Design and architecture studios
Artist websites
Product and campaign galleries
Premium hero sections
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.
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.
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.
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
Creative portfolios
Photography and fashion showcases
Design and architecture studios
Artist websites
Product and campaign galleries
Premium hero sections
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.
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.
Joe Laub
