Lumo Melt Slider

An image slider whose slides melt into each other with a liquid displacement. Hovering sends a ripple from the pointer; previous and next buttons, arrow keys and optional autoplay are built in.

What you can change

• Images — Up to 12

• Title / Subtitle — Copy over the slides

• Liquid — How much the slides distort while they change (0.3)

• Duration — How long a transition takes, in ms (1200)

• Autoplay — Pause between slides, in ms, 0 for off (0)

• Ripple — Strength of the pointer ripple (0.5)

• Text — Copy colour

Good to know

• Every option lives in the properties panel; no code needed.

• Respects reduced motion: visitors who ask for less motion get a calm static version.

• Responsive: no horizontal scroll at phone, tablet or desktop widths.

• WebGL shader with a CSS fallback, so it still looks right where WebGL is unavailable.

• Paints the slides into a canvas: images must be same-origin or served with CORS (files uploaded to Framer work).

• Installs from one link; its shared Hero Kit helpers come with it.

• Licence: Framer's single-use commercial licence (one project).