design-infraReport a problem or share feedback← Catalog
Background Beams With Collision
freeaceternity/background-beams-with-collision
Exploding beams in the background
$
npx shadcn@latest add @aceternity/background-beams-with-collisionnpm deps: motion
- Source
- Aceternity UI
- Kind
- component
- Categories
- background
- Use as
- drop-in — replaces your component
- Applies to
- background
- Motion
- on loop · expressive · motion · medium cost
- Tags
- ui
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Kinetic fieldoc/kinetic-field♥ The user explicitly asked to keep Kinetic Field in the homepage examples. Retain its pointer-responsive particle forms and controls.
- Aurora Backgroundaceternity/aurora-backgroundSoft aurora wash for AI/consumer heroes (pairs with soft-glass). Uses its own CSS vars — tune colours to your primary.
- Background Beamsaceternity/background-beamsSubtle animated SVG beams behind a hero. Looks best on near-black backgrounds; keep copy short on top.