Sala de espera
Estás en la cola
personas delante de ti
Tiempo estimado 4 min
Es tu turno
Tienes 10 minutos para elegir tus entradas.
Virtual waiting room queue
A ticket queue with your place shown in rolling digits, a line of people moving forward and the notice when it is your turn.
Settings
Code
<div class="uvq13-que"><div class="pgx" aria-hidden="true"><p class="bd">Tour 2027</p><i></i><i></i><i class="s"></i></div><button type="button" class="fire" aria-haspopup="dialog">Back to the queue</button><div class="scr"></div><div class="dl" role="dialog" aria-modal="true" aria-labelledby="uvq13-que-t" aria-describedby="uvq13-que-d"><p class="kk">Waiting room</p><div class="w1"><p class="ti" id="uvq13-que-t">You are in the queue</p><div class="nb" aria-hidden="true"><span class="dg"><span><b>0</b><b>1</b><b>2</b><b>3</b><b>4</b><b>5</b><b>6</b><b>7</b><b>8</b><b>9</b></span></span><span class="dg"><span><b>0</b><b>1</b><b>2</b><b>3</b><b>4</b><b>5</b><b>6</b><b>7</b><b>8</b><b>9</b></span></span></div><p class="lb" id="uvq13-que-d">people ahead of you</p><div class="tr" aria-hidden="true"><i class="door"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 21V4.5A1.5 1.5 0 0 1 7.5 3h9A1.5 1.5 0 0 1 18 4.5V21M3 21h18M14.5 12.5v.01"/></svg></i><i class="pp"></i><i class="pp"></i><i class="pp"></i><i class="pp"></i><i class="pp"></i><i class="pp"></i><i class="pp"></i><i class="pp"></i><i class="pp"></i><i class="pp"></i><i class="me"></i></div><p class="et"><span>Estimated time</span> <b><span class="eta">4</span> min</b></p><label class="nt"><input type="checkbox" class="sw"><span>Let me know when it is my turn</span></label><button type="button" class="lv">Leave the queue</button></div><div class="w2"><span class="ok"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></span><p class="ti">It is your turn</p><p class="lb">You have 10 minutes to choose your tickets.</p><button type="button" class="en">Go to checkout</button></div><p class="sr" aria-live="polite"></p></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 Overlays
See all OverlaysWhere to use it
Big ticket sales put buyers in a queue, and this overlay makes the wait readable. Your position rolls down in large digits, a row of dots walks toward the door, the estimated time updates and a switch offers to notify you. It fits concerts, launches, sales and booking peaks.
The main color paints the page, your dot and the buttons, the second one the success badge. Connect the counter to your real queue position instead of the timer, and keep the leave button so people can step out with Escape too.