Spinning top loader
A striped wooden top spins on its point and wobbles from side to side while its shadow follows along.
Settings
Code
<div class="uvq10-top" role="status"><span class="sr">Loading</span><i class="sd" aria-hidden="true"></i><div class="wb" aria-hidden="true"><i class="stm"></i><i class="bd"></i><i class="tip"></i></div><i class="ln a" aria-hidden="true"></i><i class="ln b" aria-hidden="true"></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
A wooden toy top whose body is a CSS polygon of a dome and a cone, painted with stripes that slide sideways to suggest the spin, plus shading that stays still for volume. The whole top precesses on its metal tip, its shadow drifts with it and two motion arcs flicker beside it. It suits toy shops, kids apps and game lobbies.
The two colors paint the stripes together with a cream band, so you can match a brand or go for classic red and teal. Keep it on a plain surface; the soft shadow sells the idea that it stands on the floor.