About Flex Carousel Slider
Bring tactile, shader-driven motion to your Framer sites without touching a line of GLSL. FlexCarousel is a 60fps WebGL2 infinite image slider powered by OGL that bends, warps, and refracts cards through a customizable virtual optical lens.
Designed for creative portfolios, lookbooks, agency showcases, and product galleries, every optical and physical parameter is exposed directly in Framer's right-hand properties panel.
Key Features
4 Optical Distortion Presets: Switch instantly between Liquid, Ribbon, Vortex, and Arch warp profiles, or dial in custom shader values.
Real-Time Lens & Chromatic Dispersion: Control lens width/height, tilt angle, superellipse roundness, bend intensity, curl direction (
Twist,Rise,Fall), and RGB spectral split.240Hz Sub-Stepped Spring Physics: Buttery-smooth momentum dragging, trackpad/wheel scrolling, velocity-based card squeeze, and liquid squash-and-stretch deformation.
4 Choreography Intros: Trigger Rise, Bloom, Spin, or Deal entrance animations automatically when the carousel enters the viewport.
Interactive Focus Lightbox: Click any active slide to smoothly scale it into focus while parting surrounding cards—plus optional cursor-following lens tracking.
Smart Aspect Ratios & Captions: Supports
Natural,Portrait (3:4),Square (1:1), andLandscape (4:3)card fits alongside animated odometer-style slide counters, titles, and subtitles.Performance & Accessibility Built-In: Auto-extracts dominant image colors for smooth loading placeholders, pauses rendering when off-screen, supports keyboard arrow navigation, and respects
prefers-reduced-motion.
License Note
Free Unlimited Commercial License — Free to use across unlimited personal and client Framer projects.
