About Radiant lines
Radiant Lines for Framer
What it is?
An animated background of glowing light streaks flying toward you, like a jump to hyperspace. The motion speeds up and slows down as visitors scroll. Use it behind a hero, a launch page or a product reveal.
Why you need it?
It stops visitors on arrival. The motion draws attention without needing video or heavy files.
You control the look. Choose a built-in palette (Radiant, Cyberpunk, Neon, Monochrome or Matrix Green) or set your own colors.
You control the motion. Set the number of lines, speed, how far they spread and how strongly they react to scroll. You can also reverse the direction.
It fits any layout. Set the background color and corner radius, and stretch it to fill any section.
How to use it
Drop the component into a section and stretch it to fill the section.
Place your text and buttons on top.
Pick a palette, then adjust the density, speed and scroll response.
Publish.
Need help?
Email me at wailelmachti6@gmail.com and I’ll help you get set up.
Built something with it? Share it and tag me on X: https://x.com/Waeldesignz. I’d love to see it.
Made by Wael💙
