WebGL 3D Card Slider

◆ Mollis : WebGL 3D Card Slider ◆

Cards that turn like they have real weight. Mollis is a GPU-powered 3D card slider for Framer with true bend, whip, and depth. Drop in your images, add a headline, and watch every flip feel alive. Smooth, polished, and impossible to scroll past.

THE EXPERIENCE

✦ True 3D flips rendered on the GPU

✦ Cards bend and whip with flick velocity

✦ Smooth entrance spin when it scrolls into view

✦ Optional idle sway for a living, breathing deck

EFFORTLESS CONTROL

✦ Drag, flick, tap, hover, wheel, or arrow keys

✦ Snap to exact faces or pull-to-face free mode

✦ Autoplay with adjustable hold time and direction

✦ Arrow buttons with custom tint, size, and margin

BEAUTIFUL BY DEFAULT

✦ Photo-matched shadows that adapt to every image

✦ Twinkling dot layer, grid layer, and glowing edge light

✦ Blur, fade, grey, and dim effects while turning

✦ Rounded corners and a custom backdrop color

TEXT THAT PERFORMS

✦ Title and body per card, inside or outside

✦ Blur rise, fade, or slide text animation

✦ Dozens of font styles for headers and body

✦ Full control of size, color, and margin

SMOOTH ON EVERY DEVICE

✦ Feels native on desktop, tablet, and mobile

✦ Buttery motion tuned for touch and trackpads

✦ Clear, friendly controls with sensible defaults

✦ Quick to set up, easy to make your own

BUILT TO PERFORM

✦ Pauses off-screen to save battery

✦ Respects reduced-motion settings

✦ No external libraries, zero dependencies

✦ Smart fallback if WebGL is unavailable

MADE FOR FRAMER

✦ Everything lives in simple property panels

✦ Set frame size and backdrop in seconds

✦ Add as many cards as you like

✦ Live preview right on the canvas

PERFECT FOR

✦ Portfolios and creative showcases

✦ Product and app previews

✦ Testimonials and case studies

✦ Hero sections and landing pages

Add your images, tune the feel, and publish. That's all it takes to give your site a slider people actually play with. Your visitors won't stop flipping.