Cargando
HTML + CSSLoaders
Crookes radiometer loader
Four black and silver vanes spin inside a glass bulb while sunlight falls on them.
Settings
16px
1x
Code
<div class="uvq10-rdm" role="status"><span class="sr">Loading</span><i class="sun" aria-hidden="true"></i><i class="ft" aria-hidden="true"></i><i class="nk" aria-hidden="true"></i><div class="bulb" aria-hidden="true"><i class="ax"></i><div class="rt"><span class="v" style="--i:0"><i class="f"></i><i class="b"></i></span><span class="v" style="--i:1"><i class="f"></i><i class="b"></i></span><span class="v" style="--i:2"><i class="f"></i><i class="b"></i></span><span class="v" style="--i:3"><i class="f"></i><i class="b"></i></span></div><i class="gl"></i></div></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
The light mill from the physics classroom, built with CSS 3D: four vanes, black on one side and polished on the other, turn on a needle inside a glass bulb with a neck and a foot. Backface visibility swaps the faces as they rotate, and a soft sun pulses at the corner. It suits solar energy, science and education sites.
The main color sets the sunlight and the second tints the glass. Use it while data from sensors or a calculation loads, and give it some space at the top left so the light glow is visible.