Lumo Hyperdrive
Lumo Hyperdrive

About Lumo Hyperdrive

Light streaks race towards a vanishing point over a curved surface, with a soft bloom, in your two colours. The scene shifts as the page scrolls; ideal as a hero background.

What you can change

  • Title / Subtitle / Text — Copy over the scene and its colour

  • Trails — How many lanes, up to 64 (24)

  • Speed — How fast the streaks travel (1)

  • Curve — How much the surface bends, negative to bend the other way (0.5)

  • Glow — Width of the glow around each streak (1)

  • Colour / Colour 2 — The two streak colours

  • Parallax — How far the scroll shifts the camera (0.3)

  • Smooth scroll — Spring or Direct

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 Liquid Dusk
Lumo Northern Lights
Lumo Speed Warp
Lumo Bubble Type

Related Components

Grid Pattern 3d
Heatmap Effect
Background Changer
Dia Gradient Footer