---
title: "Border Beam"
description: "Configurable React component that animates a light beam travelling around an element's border, with live controls and copyable code."
canonical: "https://vibing.inc/library/border-beam-vg-0648"
category: "Design Tools & Generators"
subcategory: "Border effects"
license: "free"
author: "Jakub Antalík (@jantalik)"
source: "https://beam.jakubantalik.com"
---

# Border Beam
Configurable React component that animates a light beam travelling around an element's border, with live controls and copyable code.
## Facts
- Source: https://beam.jakubantalik.com
- Category: Design Tools & Generators / Border effects
- Author: Jakub Antalík (@jantalik)
- Licence: free
- Tags: react, border, animation, microtool
## Why it's a gem
One-page tool that nails a single effect designers keep rebuilding badly from scratch
---
Listed in The Vibeary: https://vibing.inc/library/border-beam-vg-0648 · JSON: https://vibing.inc/api/public/library/gems/border-beam-vg-0648