HTML + CSSButtons
Neon glow button
An outlined button that lights up on hover, with a bright fill and a wide colored halo.
Settings
16px
1x
Code
<button class="uv-neon">Neon</button>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Buttons
Where to use it
The neon button comes alive on dark backgrounds: the sign-up for a gaming tournament, the ticket button of a club night or the “Listen now” link of a synthwave album page. At rest it is only a thin colored outline. On hover it fills in and throws a glow around itself, like a sign switching on.
On a white page the halo gets lost, so save it for dark themes. The secondary color tints the outer part of the glow; a slightly different hue from the main one gives it more depth than using the same color twice.