Components/backgrounds

Border Beam

A card with a soft light beam that travels continuously around its border.

Free

A beam that never stops

A soft light traces the border continuously, giving the panel a quiet, always-alive presence.

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