Make your AI a shadcn expert
Previous: Morph Button
Next: Outline Fill Button

Neon Button

Button with glowing neon effect and subtle flicker on hover for React.

Neon Button preview

Scroll to load preview

Add some electric energy. This button gets a neon glow on hover—soft light radiating from the edges like a sign flickering to life. The glow pulses gently, creating that unmistakable electric buzz. It's eye-catching without being gaudy, perfect for CTAs that need to stand out. Works beautifully on both light and dark themes. Hover and watch it come alive with that satisfying neon hum. The flicker is subtle—atmospheric, not distracting.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this button for you — no copy-paste, no CLI:

use shadcnio to install the neon-button button into my project

Glow Border Button

Rotating gradient glow

Pulse Button

Pulsing attention ring

Shimmer Button

Flowing shimmer

Shine Button

Diagonal light sweep

Spotlight Button

Cursor-following light

Gradient Button

Shifting gradient

FAQ

Was this page helpful?

Sign in to leave feedback.

Morph Button

Button that morphs between shapes with elastic spring animation on hover for React.

Outline Fill Button

Button that fills from outline to solid with rising animation on hover for React.