a3f9c2eDeploy terminal toast
A terminal window prints the release log line by line and ends with a summary, the commit hash and a button to open it.
Settings
Code
<div class="uvq09-dpl"><button type="button" class="fire">Deploy again</button><div class="tt" role="status"><div class="bar" aria-hidden="true"><i></i><i></i><i></i><span>deploy · zsh</span></div><ol class="lg" aria-hidden="true"><li style="--i:0"><em>$</em> git push origin main</li><li style="--i:1">Building 48 pages</li><li style="--i:2">Uploading to 12 regions</li><li class="ok" style="--i:3">Done in 8.4 s</li></ol><div class="ft"><span class="ck" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></span><b>Live in production</b><code>a3f9c2e</code><button type="button" class="op">Open</button></div></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
Developer tools speak terminal, so a deploy notice reads well as one. A dark window with traffic light dots prints the push, build and upload steps one line at a time with staggered CSS delays, then a blinking cursor waits after the final check and a footer slides up with the result. It fits CI dashboards, hosting panels and internal release tools.
The main color is the success green and the second the prompt and commit badge. Edit the log lines to match your pipeline, keep them short enough for one row, and link the Open button to the live URL.