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