Skip to content

Neon Button

Neon Button Effect

Neon Button preview image 1

Summary

smooth neon button

Description

a stylish and futuristic button component that glows with a neon border and smooth hover animation. Perfect for modern landing pages, portfolio sites, gaming themes, cyberpunk-style interfaces, and call-to-action sections that need a bold visual touch.

Customizable in Framer Panel:

  • Label : change the button text.

  • Border Color : set the button outline color.

  • Neon Glow Color : define the neon glow hue for hover and lighting effects.

  • Background : choose the button background color.

  • Text Color : set the text color.

  • Radius : adjust the button corner roundness.

  • Border Width : control the border thickness.

  • Font : customize font family, weight, spacing, and line height.

  • Glow Strength : glow intensity for the text

  • Outer Glow : outer glow blur (box-shadow strength)

  • Link : add a clickable URL that opens in a new tab or same page automatically.

Rank history How rankings work →

125015001750188208/149/59/2710/1911/10
  • All · #8008

Details

More like this