Animated Beam

bundui/animated-beam

FreeComponent

It's a visual effect that creates a moving beam or connection between user interface elements for dynamic visual emphasis. Tailwind is built with CSS, React, and Framer Motion.

Live preview

live · rendered by the registry

Rendered by bundui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://bundui.io/r/animated-beam.json

What it pulls in

npm packages

motion

Other registry items

http://localhost:3000/r/animated-beam.json

Files it writes

examples/motion/animations/animated-beam/01/animated-beam.tsx
examples/motion/animations/animated-beam/01/page.tsx

More from bundui

All 217 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion-collapsible	bundui	Components	Free	no deps · 2 files
Accordionaccordion-default	bundui	Components	Free	no deps
Accordionaccordion-with-plus-icon	bundui	Components	Free	2 deps
Alertalert-danger	bundui	Components	Free	1 dep
Alertalert-default	bundui	Components	Free	no deps
Alert Dialogalert-dialog	bundui	Components	Free	no deps
Alertalert-success	bundui	Components	Free	1 dep
Alertalert-warning	bundui	Components	Free	1 dep