Origami paper folding loader
A sheet of origami paper folds its four corners to the center one by one, shows its plain back and opens again.
Settings
Code
<div class="uvq10-ori" role="status"><span class="sr">Loading</span><i class="sd" aria-hidden="true"></i><div class="sh" aria-hidden="true"><i class="bs"></i><span class="q" style="--i:0"><i class="fp f0"></i></span><span class="q" style="--i:1"><i class="fp f1"></i></span><span class="q" style="--i:2"><i class="fp f2"></i></span><span class="q" style="--i:3"><i class="fp f3"></i></span></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
A patterned origami sheet seen in perspective folds each corner along its diagonal with real 3D rotations, and the face switches to the plain cream back when the flap is edge on. After the fourth fold it unfolds in reverse order. It suits stationery shops, Japanese restaurants, design studios and calm craft brands.
The main color is the printed side of the paper and the second the dot pattern. Choose a strong paper color and leave plenty of space around it, since the sheet tilts and casts a soft shadow.