HTML + CSSLoaders
Neon ring loader
A glowing ring with a bright half-arc spinning around, surrounded by a soft neon halo.
Settings
72px
1x
Code
<div class="ul-neon"></div>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 Loaders
Where to use it
This neon loader belongs on dark, late-night interfaces: an esports tournament site, the ticket page of a club night or a game launcher waiting for the server. The glow is built from layered shadows in the two colors, so the ring seems to light up the space around it, and it eases in and out of each turn.
It needs a dark background to glow; on white it just looks like a blurry spinner. Saturated colors like electric pink, cyan or lime give the most convincing neon. Keep the rest of the screen dim so it becomes the focus.