Cargando
HTML + CSSLoaders
Drinking bird loader
The glass bird leans forward slowly as the liquid climbs its neck, sips from the glass and rocks back upright.
Settings
16px
1x
Code
<div class="uvq10-dbd" role="status"><span class="sr">Loading</span><div class="sc" aria-hidden="true"><i class="lg l"></i><i class="lg r"></i><i class="bs"></i><div class="cup"><i class="wt"></i></div><div class="bd"><i class="tb"></i><i class="lq"></i><i class="bb"></i><i class="bk"></i><i class="hd"></i><i class="hat"></i></div><i class="pv"></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 desk toy rebuilt in CSS: a glass bird with a felt head, a top hat and a red liquid that rises up the tube as it tilts. When the beak reaches the water it dips, then swings back with a damped wobble. It suits science sites, quirky product pages and waits where some humour helps.
The main color sets the liquid and the head, the second the water and the hat band. Keep it on a calm background and pair it with a light message, since the slow lean takes a few seconds per drink.