Lumo Marble Veil
Lumo Marble Veil

About Lumo Marble Veil

An image revealed through animated marble noise, with a glowing edge that warps like oil. Trigger the reveal with the scroll or when the pointer enters, and fade in a title and subtitle with it.

What you can change

  • Image — The picture revealed

  • Title / Subtitle / Text / Background — Copy and the colour behind the unrevealed side

  • Trigger — Scroll or Hover

  • Start / End — Viewport progress at which the reveal begins (0.1) and completes (0.6); Scroll only

  • Grain — Size of the marble noise (3)

  • Distortion — How much the edge warps (0.5)

  • Edge softness — Width of the soft threshold (0.12)

  • Flow speed — How fast the marble moves (0.15)

  • Edge glow — Colour of the edge

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.

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

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

From José Antonio Cid Montero

Lumo Page Morph
Lumo Pixel Bloom
Lumo Focus Pull
Lumo Glyph Field

Related Components

Better Parallax
Magnetic Button pro
Page Transitions
LazyLoad Video