Lines converging into one. Signals passing through. It's mesmerizing to watch and impossible to ignore.
Drop this into any hero section and your page immediately feels like it belongs to a serious tech product. The kind of animation you see on AI infrastructure sites and data platform landing pages — except now you don't need a motion designer to build it.
What's inside:
Curved lines that flow and merge at a point you control
Glowing signal particles with light trails traveling through the paths
Wave motion to keep the lines feeling alive
Full control over colors, density, speed, curve shape, and spread
A built-in live controls panel so you can tweak everything without touching code
Three.js under the hood — smooth 60fps, GPU-accelerated, responsive
Where it fits:
AI tools, data pipelines, analytics dashboards, infrastructure products, fintech — anything where you want the page to feel technical without explaining why.
Setup:
Add it. Set your colors. Adjust the convergence point. Done. Toggle "Show Controls" in Framer to explore settings live before publishing.
Pro tip: Use it as a full-bleed hero background with your headline centered over the convergence point. The motion naturally pulls the eye exactly where you want it.
Refund Policy: All sales are final. We do not offer refunds, exchanges, or returns on Framer components. For technical support or questions about implementation, contact us at syedsaboor005@gmail.com
Syed Saboor
