Your Flex Carousel

Flex Carousel

Bring your image galleries to life with Flex Carousel, an interactive WebGL-powered carousel featuring a dynamic lens effect, fluid image distortion, and smooth navigation.

Flex Carousel transforms a traditional image slider into an immersive visual experience. Its custom WebGL rendering engine creates a refractive lens that bends and distorts the images as visitors scroll, drag, and interact with the gallery.

Choose from four visual presets, customize the lens shape and distortion, and control how the carousel introduces its images. Each slide can have its own image, title, subtitle, and alternative text.

Features

• Interactive WebGL-powered image carousel

• Dynamic refractive lens distortion

• Four visual presets: Liquid, Ribbon, Vortex, and Arch

• Customizable lens width and height

• Adjustable lens tilt and roundness

• Custom bend intensity and distortion reach

• Twist, rise, and fall curl effects

• Chromatic dispersion effect

• Optional liquid deformation

• Optional cursor-following lens

• Smooth drag and swipe interactions

• Spring-based navigation

• Infinite looping carousel layout

• Five introduction styles: Rise, Bloom, Spin, Deal, and None

• Natural, portrait, square, and landscape image fitting

• Adjustable card height, spacing, and corner radius

• Optional autoplay

• Customizable autoplay interval

• Click-to-focus image interaction

• Optional image captions

• Mouse-wheel navigation

• Keyboard navigation

• Responsive image gallery

• Reduced-motion support

• WebGL rendering with pixel-budget optimization

• Twelve customizable image items with default photography