Animated Border Glow Effect In Vanilla JavaScript

Border Beam Vanilla: a JavaScript library that adds animated traveling border glows to any DOM element.

What it does:

• Decorates elements in place without DOM wrapping
• Sm, md, and line presets for buttons, cards, and inputs
• Colorful, mono, ocean, and sunset palettes with dark/light themes
• Full controller API for live updates and cleanup

The runtime handles static positioning automatically. Effect layers use pointer-events: none so clicks pass through untouched. We like the line preset for search inputs and form fields.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo