Border Beam

A beam that follows the outline of a container.

The famous Linear homepage effect. A beam that follows the outline of a container. I've created the <Beam /> component in such a way that it is customizable to any container. Used simple CSS animations beam path traversal.

Code Snippet

The core of Beam component

the style of the Beam component

Usage inside of a Component or a container

We need your help 🫶

We are a tiny team of people who could use your support in building these awesome components. Please share Aceternity components on your social media and help us grow. 🙏

Tweet about aceternity

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
Book a Call