Background Beams

Multiple background beams that follow a path of SVG, makes a good hero section background.

Join the waitlist

Welcome to MailJet, the best transactional email service on the web. We provide reliable, scalable, and customizable email solutions for your business. Whether you're sending order confirmations, password reset emails, or promotional campaigns, MailJet has got you covered.

Recently learned about SVG linear gradients and how to animate them with framer motion. Here, I've compiled down a beautiful animation that makes a good hero section. Background is an SVG that has several paths. The same paths are duplicated and animated with a linear gradient.

Code

Ready to bring your website to life?

Experience the magic of a stunning website designed just for you! Contact us now, and witness the transformation within 24 hours. No more waiting around - we're serious about making your vision a reality. ✨

John Shahawy
Henrik Söderlund
John Ferry
Meru Gokhale
Georg Weingartner
Book a Call