Skip to content

component

WebGLCurvedCarousel

By Joe Laub

Details

Summary

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

Description

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.

Introduction

premium infinite WebGL carousel

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400150718/148/228/309/79/15
  • All · #2884