HTML + CSSLoaders
Comet loader
A bright point of light racing around a circle, trailing a tail that fades into the dark.
Settings
72px
1x
Code
<div class="ul-cm"></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
A comet circling in the dark has a sense of speed and distance, which makes it a nice match for a flight search on a travel site, a GPS app locating your position or the landing page of a space startup. The ring is thin and elegant, and the tail fades gradually from the second color into nothing.
It looks best on dark backgrounds, where the head really glows. On light pages, pick a strong main color so the head doesn’t wash out. Faster speeds suit the travel theme; slower ones feel more like a quiet night sky.