Neon Button

Show Preview
Neon Button
Neon Button

About Neon Button

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.

From Edi Priatama

Fluid Rise Button
Ripple wave Button
Luminous Button
Aurora Effect

Related Components

Liquid Glass Buttons
Pulse Button
Copy Email
Icon Slide Button