Lumo Liquid Dusk

A fluid, slowly moving four-colour gradient that changes palette as the section scrolls. Give it several palettes and it blends from one to the next; without WebGL a CSS gradient shows the same colours.

What you can change

• Palettes — Up to 8, each with Deep, Mid, Bright and Accent colours

• Speed — How fast the fluid moves (0.4)

• Scale — Size of the noise features (1.6)

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

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).