Shadcn.io is not affiliated with official shadcn/ui
Neon Button
Button with glowing neon effect and subtle flicker on hover for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
Neon Button 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. Built on top of the shadcn Button so every variant and size you already use just works.
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 projectRelated Components
Glow Border Button
Continuous rotating glow
Shimmer Button
Animated shimmer ring
Shine Button
Diagonal light sweep
Flow Button
Hover rotating border
Gradient Button
Shifting gradient bg
Spotlight Button
Cursor-following light
FAQ
Was this page helpful?
Sign in to leave feedback.
Magnetic Button
Button that magnetically follows the cursor with spring physics for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
Pill Button
Pill-shaped button with a primary-tinted ring and inset highlight that suggests a curved surface for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.