Iridescent liquid orb loader
A sphere that keeps changing shape like a drop of liquid while its colors swirl inside.
Settings
Code
<div class="uv-lor" role="status"><span class="sr">Loading</span><i class="or"></i><i class="h"></i></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
See all LoadersWhere to use it
Voice assistants and AI products often show a living orb while they listen or think, and this loader brings that feeling to any waiting moment. The shape morphs through soft blob outlines, a conic gradient spins inside it and a glossy highlight drifts across the top. It works as a splash loader, a voice input indicator or a placeholder while results load.
The glow intensity is adjustable, from a flat matte orb to a bright halo. Two colors define the gradient, and the morph and spin slow down with the speed control or stop with reduced motion.