vue-border-beam

Appearance

vue-border-beamAnimated border effects for Vue 3

Lightweight component for glowing, animated border beam effects

Get Started
Examples

3 Size Modes

Full border glow (md), compact button glow (sm), and traveling bottom-edge glow (line)

4 Color Variants

Colorful rainbow, monochrome, ocean blues, and sunset warm tones

Theme Aware

Dark, light, and auto (system preference) theme support

Zero Dependencies

Pure CSS animations using conic gradients, @property, and mask compositing

See it in action ​

Installation ​

bash
bun add vue-border-beam
bash
pnpm add vue-border-beam
bash
npm install vue-border-beam
bash
yarn add vue-border-beam