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

Aceternity

Build amazing websites with Pro ✨

Get access to over 50+ components and make professional looking websites in minutes.

Want a website that converts? Get in touch!

Experience the magic of a stunning website designed and developed just for you! ✨

John Shahawy
Henrik Söderlund
John Ferry
Meru Gokhale
Georg Weingartner
Jonathan Barshop
Ray Thai
Tony Pujals