Alert V04
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A slim gradient bar at the very top of a product site announcing a new feature, with a tag, a short message and a call-to-action link. The close button collapses the bar and stores the choice in localStorage, so returning visitors do not see it again. Each announcement has its own key, so a new message shows up even for people who closed the last one.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 169 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Dismissal remembered per announcement key
- localStorage access wrapped in try/catch for private browsing
- Collapse animation that is skipped for reduced motion
- Focus moves to the page heading after closing
- Stacks neatly on phones with the close button pinned top right
Similar Templates
