Components/backgrounds

Beams Collision

Light beams fall and burst into sparks at the bottom on a continuous, staggered loop.

Pro
Ambient background

Collisions, rendered in light

Thin beams descend from the top and scatter into sparks the moment they land. Continuous, seeded, and quietly efficient.

Usage: paste this file into your project (e.g. components/background-beams-collision.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.