Lumo Northern Lights
Lumo Northern Lights

About Lumo Northern Lights

A shader background of drifting aurora bands, rolling waves or smoke that bends around the pointer. The motion lags the hand with a soft spring instead of snapping, and you choose the look, three colours and the background.

What you can change

  • Look — Aurora, Waves or Smoke

  • Colour 1 / Colour 2 / Colour 3 / Background — The palette

  • Warp — How much the pointer bends the field (0.8)

  • Speed — Drift of the field over time (0.6)

  • Follow — How quickly the picture catches up with the pointer (1.2)

  • Title / Subtitle / Font / Text — Copy over the field

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 Hyperdrive
Lumo Liquid Dusk
Lumo Ripple Type
Lumo Glass Pane

Related Components

Vertical Grid Lines
BubblePit
multiGrid Background
Gravity Grid