Fast, lightweight JavaScript animation engine with an all-in-one API for timelines, staggering, SVG morphing, scroll sync and draggable physics.
AnimationJavaScriptSVG+2
animejs.com
Beam
beam.jakubantalik.com
A border-beam animation for web UI — a light beam traveling around element borders, installable as the border-beam npm package.
What is Beam?
Beam is a web animation effect by Jakub Antalik that sends a light beam traveling along the borders of cards and panels. The border-beam npm package is unchanged, but the project has moved to its own home at beam.jakubantalik.com, where the effect can be explored and configured. It is open source and drops into any web UI as a self-contained animation.
Best for
- Animated accents on pricing or hero cards
- Dashboard panels with subtle border motion
- Landing pages needing eye-catching frames
Key features
- Beam animation along element borders
- Unchanged border-beam npm package
- Now grouped with sibling libraries on libraries.dev
Related resources
animejs.com
160+ copy-paste React components for motion, transitions and UI effects — morphing buttons, 3D carousels, loaders and chart animations.
ReactAnimationComponents+1
amicro.vercel.app
Visitopens in a new tab
25 ready-made animation templates for showcasing designs — drop in your images or videos, tweak the scene, and export MP4 or WebM in your browser.
AnimationPrototypingWeb
animos.app