Our free WordPress themes are downloaded over 7 MILLION times. Get them now!
Templates

Alert V02

alert v02

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A project workspace card with four notices, each with a close button. Dismissing an alert slides it out and collapses its height smoothly, and the next alert moves up. Focus goes to the next close button, and a button brings dismissed notices back.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 248 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

  • Height collapse with CSS grid rows, no measuring in JavaScript
  • Instant removal when reduced motion is preferred
  • Focus moves to the next alert, the previous one or the restore button
  • Close buttons named after the alert they dismiss
  • Live count and a polite status message after each dismissal
Download
Preview
Back To Top

Download this template

Enter your email to get the free download link. We'll also send you occasional updates about new templates.

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.