Border Animate
Mantine component offering four border animation variants (beam, glow, gradient, pulse) with customizable colors and full animation control, perfect for creating dynamic, visually engaging UI elements.
Full documentation and API reference available at gfazioli.github.io/mantine-border-animate
Installation
yarn add @gfazioli/mantine-border-animateOverview
Border Animate wraps any element with animated border effects:
- Beam — a light beam traveling along the border
- Glow — a soft pulsing glow around the border
- Gradient — a rotating gradient border
- Pulse — a border that pulses in and out
- Customizable colors — Mantine theme colors or custom CSS
- Animation control — speed, direction, and play/pause
Last updated on
