About Dither Blur carousel
About this Component
Dither Blur Carousel is a WebGL powered media carousel that combines a curved 3D layout with progressive blur, dithering, motion bending, hover focus, and an interactive cursor trail.
Built for both images and videos, the component gives you a highly visual way to showcase projects while keeping every major part of the experience customizable directly inside Framer.
Perfect For
• Portfolio showcases • Creative studios and agencies • Case studies • Editorial layouts • Campaign and landing pages • Experimental media galleries
Key Features
• Supports both images and videos • Curved 3D carousel layout • Smooth drag and wheel interaction • Optional snapping and click-to-focus • Adjustable motion bend and inertia • Progressive blur and streak effects • Fully customizable dither effect • Hover focus with adjustable strength, falloff, and timing • Interactive cursor trail with warp, radius, decay, and dither controls • Custom project titles with typography, colors, positioning, and X/Y offsets • Optional dither-based intro animation • Keyboard navigation • Responsive sizing • Static renderer support for Framer • Optimized off-screen rendering and video playback • Performance controls for WebGL quality
How It Works
Add your media, customize the carousel layout and visual effects, then tune the interaction directly from the Framer property panel. Images and videos are handled inside the same media list, while the layout, motion, blur, dither, hover behavior, cursor trail, titles, intro, and performance can all be adjusted without touching code.
Questions?
Hit me up at hasanwali6890@gmail.com
Refund Policy
Due to the digital nature of this component, all sales are final. If the component has a verified technical issue that prevents it from working as described and I’m unable to resolve it, please contact me for support and refund consideration.
