Cargando
HTML + CSSLoaders

Washing machine spin loader

A front loader shakes slightly as the drum turns the laundry round and the water sways behind the glass.

Settings

16px
1x

Code

<div class="uvq10-wsh" role="status"><span class="sr">Loading</span><div class="pn" aria-hidden="true"><i class="kn"></i><span class="dp">0:42</span><i class="lt"></i></div><div class="dr" aria-hidden="true"><div class="gl"><div class="dm"><i class="cl a"></i><i class="cl b"></i><i class="cl c"></i></div><i class="w"></i><i class="rf"></i></div></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.

Markdown version with all the code, for AI assistants

More in Loaders

See all Loaders

Where to use it

A white enamel washing machine with a control knob, a small display and a status light. Behind the chrome porthole the perforated drum spins the clothes while the water level rolls in place, and the whole machine vibrates a little. It suits laundry services, home appliance shops, cleaning apps and long background jobs.

The main color sets the water and the second one item of clothing, the others stay neutral. Use it for jobs that take a while, like a backup or an export, with a remaining time next to it.