Kitchen timer toast
A twin-bell alarm clock rattles when time is up and lets you snooze for five more minutes or stop it.
Settings
Code
<div class="uvq09-ktm"><button type="button" class="fire">Show again</button><div class="tt" role="alert"><span class="ck" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path class="bel" d="M3.4 8.4a3.7 3.7 0 0 1 5.2-5.2zM20.6 8.4a3.7 3.7 0 0 0-5.2-5.2z"/><circle class="fc" cx="12" cy="13.5" r="6.6"/><path d="M12 10.3v3.3l2.2 1.5M7.6 19.6l-1.6 2M16.4 19.6l1.6 2"/><path class="wv" d="M1.8 12c-.6 1.3-.6 2.7 0 4M22.2 12c.6 1.3.6 2.7 0 4"/></svg></span><span class="tx"><b>The pasta is ready</b><small class="m1">9 minute timer</small><small class="m2">I'll remind you in 5 minutes</small></span><span class="ac"><button type="button" class="sn">+5 min</button><button type="button" class="st">Stop</button></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 Toasts
See all ToastsWhere to use it
A twin-bell alarm clock says time is up before anyone reads a word. This toast shakes the clock in short bursts with sound lines on each side, sits on a mint enamel card like an old kitchen appliance, and offers two clear choices: add five minutes or stop. It uses role alert and fits recipe apps, cooking timers, workouts and focus tools.
The main color is the clock and the Stop button; the second is the enamel card. Snoozing swaps the subtitle and closes the toast after a moment, so connect it to the timer in your app to restart the countdown.