Toast V11
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A large notification card for a travel app with a photo, a label chip, a title, a short message, a call-to-action button and a timestamp. It can be swiped sideways with a mouse, pen or finger using pointer events, and it follows the pointer and fades as it moves. A close button and the Esc key do the same job for keyboard and screen reader users.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 501 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Pointer Events swipe with distance and flick thresholds
- Snaps back if the swipe is too short
- Timer held while dragging, hovered or focused
- Close button and Esc as swipe alternatives
- Local photos with width, height and alt text
Similar Templates
