Glow Border Button

Glow Border Button
Glow Border Button

About Glow Border Button

✦ Make Your CTA Glow

Glow Border Button is a polished animated CTA button for Framer with a moving neon border, soft ambient bloom, built-in icons, and smooth interaction states.

Designed for hero sections, SaaS sites, portfolios, product launches, waitlists, pricing sections, and anywhere an important action deserves more attention.

Features

  • Animated travelling glow border

  • Soft outer light bloom

  • Multiple glow colors

  • Adjustable border width and background

  • Always, Hover, or Static animation modes

  • Adjustable animation speed and direction

  • 20 built-in SVG icons

  • Icons on the left, right, top, or bottom

  • Independent icon size, weight, color, and spacing

  • Font size and weight controls

  • Independent top, right, bottom, and left padding

  • Adjustable background, text color, radius, and hover scale

  • Built-in link support

  • Responsive Framer sizing

  • Keyboard accessible

  • Reduced-motion support

  • Static-renderer optimized

  • No external icon libraries

Glow Lab

Enable the optional Glow Lab playground to quickly experiment with glow presets, intensity, speed, and direction directly in Preview.

It is disabled by default and does not overwrite your saved component settings.

Perfect For

Hero CTAs · SaaS landing pages · Portfolios · Product launches · App downloads · Waitlists · Pricing pages · Contact buttons

Drop it into your project, resize it like a normal Framer layer, customize the look from the properties panel, and connect your link.

Support: hello@bodilum.com