Toast V12
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
Toasts pile up like cards at the bottom right, with the newest in front and up to two more peeking out behind it at a smaller scale. Hovering or tabbing into the stack fans every toast out into a readable list and pauses all timers until you leave. A counter above the pile shows how many are waiting, with a Clear all button next to it.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 144 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Collapsed pile with scale and offset per card
- Expands on hover and on keyboard focus, and pauses every timer
- Buried cards are inert until the pile opens
- Counter and Clear all for the whole stack
- Undo action and role="alert" errors
- Transform-based layout that respects reduced motion
Similar Templates
