Toast V08
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
Small, dark, single-line toasts in the style of modern productivity apps, stacked at the bottom left of the screen. Each has a tinted icon, a short message, an optional action such as View, Undo or Retry, and a close button. The demo sits next to a dark quick-actions menu with keyboard hints.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 8 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Compact 44 px single-line toasts
- Optional inline action button; Undo swaps to a confirmation
- Single-key shortcuts (L, C, E, S) with aria-keyshortcuts
- System font stack, no web font to load
- Blur-in entrance that is skipped for reduced motion
- Hover and focus pause, Esc closes, errors use role="alert"
Similar Templates
