Domino chain loader
Six dominoes topple in a chain onto one another, then stand back up in reverse order like a rewound video.
Settings
Code
<div class="uvq10-dom" role="status"><span class="sr">Loading</span><i class="fl" aria-hidden="true"></i><i class="dm d0" style="--i:0" aria-hidden="true"></i><i class="dm d1" style="--i:1" aria-hidden="true"></i><i class="dm d2" style="--i:2" aria-hidden="true"></i><i class="dm d3" style="--i:3" aria-hidden="true"></i><i class="dm d4" style="--i:4" aria-hidden="true"></i><i class="dm d5" style="--i:5" 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
Six dominoes with real pip layouts drawn as radial gradients stand on a thin floor line. Each one tips over its bottom corner and leans on the next, the last falls flat, and after a pause they rise again from the end, as if the clip were played backwards. It suits games, step by step processes and chain reactions.
The main color sets the tiles and the second the pips, so ebony with ivory can become ivory with black. Use it for tasks that trigger one another, like imports or deploys, and keep a light floor under it.