---
title: "Neon Border Beam — Free Framer component · Best of Framer"
description: "Free Framer component · by Abdul Sami · Cards. Neon Border Beam is a wrapper component that creates an infinite, glowing laser effect around any content you connect to it."
canonical: "https://framer.elliotli.dev/component/neon-border-beam"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Neon Border Beam

# Neon Border Beam

High animated gradient border

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

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

## Summary

Neon Border Beam is a wrapper component that creates an infinite, glowing laser effect around any content you connect to it.

## Description

**Neon Border Beam: The High-Tech Premium Glow** 🌟

Add a sleek, futuristic feel to your pricing tables, feature cards, and login forms instantly. 🔥 **Now available as a FREE remix!** 🚀

Neon Border Beam is a smart wrapper component that creates an infinite, glowing laser effect around any content. Powered by a high-performance CSS Conic Gradient engine, it delivers a butter-smooth 60fps animation without compromising your site's speed or performance.

✨ **Core Features:**

-   🔗 **Smart Connection:** Simply drag the connector to any Frame, Text, or Stack. The beam automatically resizes to fit your content perfectly.
    
-   ⚡ **Dynamic Beam Engine:** Take full control over the rotation speed, border thickness, and the "Glow" blur intensity.
    
-   🎨 **Theme Ready:** Customize the laser color and card background to match your brand or highlight premium pricing tiers.
    
-   🛡 **Crash-Proof:** Built with "Safe Default" logic to ensure flawless execution and prevent invisible rendering.
    

🎯 Perfect for SaaS pricing, crypto portfolios, AI dashboards, and modern dark-mode designs!

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

-   All · #6371

## Details

- **Author**: Abdul Sami
- **Published**: 2026-02-10
- **Updated**: 2026-09-03
- **Added**: 2026-01-27
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards