Film leader countdown loader
A sepia film leader with its circular sweep and the numbers 3, 2, 1 flickering between grain and scratches.
Settings
Code
<div class="uvq10-flm" role="status"><span class="sr">Loading</span><div class="fr" aria-hidden="true"><i class="sw"></i><i class="cx"></i><i class="ci a"></i><i class="ci b"></i><span class="n"></span><i class="gr"></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 classic cinema countdown rebuilt in CSS: a film strip with moving sprocket holes, a sepia frame with crosshair and rings, a wedge that sweeps around each second and a number that counts down through a registered integer property. Grain, a scratch and a slight flicker finish it. It suits video platforms, trailers and film festivals.
The main color sets the film tint and the second the ink of lines and numbers, so you can go from sepia to cold black and white. Use it right before a video starts or while a clip renders.