Skip to content

BorderGlow

Interactive glow border button

BorderGlow preview image 1

Summary

About this Component BorderGlow is a customizable button component with an interactive glow effect that reacts to cursor movement near the edges.

Description

About this Component

BorderGlow is a customizable button component with an interactive glow effect that reacts to cursor movement near the edges. The glow smoothly follows the pointer, creating a premium and futuristic hover experience.

Features:

• Edge-sensitive glow animation

• Smooth hover lighting effect

• Adjustable glow intensity and radius

• Custom gradient glow colors

• Editable text, padding, and border radius

• Works with dark UI and modern layouts

• Easy to customize inside Framer

How to use:

• Copy the component to your project

• Place the button anywhere in your layout

• Change text and colors from properties

• Adjust glow settings if needed

• Use in hero sections, cards, or CTA buttons

Best for:

• Landing pages

• SaaS websites

• Portfolio sites

• Modern UI projects

• Dark theme designs

Rank history How rankings work →

12001400153168/149/59/2710/1911/10
  • All · #5074

Details

More like this