---
title: "Border Beam — Free Framer component · Best of Framer"
description: "Free Framer component · by Sumit Chakraborty · Backgrounds. Glow Follow Border Card An interactive card whose border glows under the cursor."
canonical: "https://framer.elliotli.dev/component/border-beam"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Border Beam

# Border Beam

[View on Framer](https://framer.com/marketplace/components/border-beam/?via=elliot-li)

![Border Beam preview image 1](https://framer.elliotli.dev/og/component/border-beam/1c9ec69d2fd7d33d/1600x1200.jpg)

## Summary

Glow Follow Border Card An interactive card whose border glows under the cursor.

## Description

Glow Follow Border Card An interactive card whose border glows under the cursor. Works out of the box and is fully configurable from the right panel—tune color, size, border width, and background. Advanced options (hover-only, opacity, falloff) are available under Advanced Settings. How to use 1) Insert → Components → Glow Follow Border Card 2) Drag onto canvas and adjust Glow Color, Glow Size, and Border Width. Features • Cursor-tracking glowing border • Customizable glow color, size, and border width • Adjustable background color • Lightweight (pure CSS + React), pointer-events safe • Advanced controls for hover behavior and intensity

## Rank history [How rankings work →](/terms#rankings)

-   All · #3524

## Details

- **Author**: Sumit Chakraborty
- **Published**: 2025-09-01
- **Updated**: 2025-09-05
- **Added**: 2025-08-20
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background