What Is Notification Bar?
A notification bar is a type of notification system that can be used to display notification messages (like events, discounts, cookie consent notice, etc) as a full-width bar inside the page. The notification bars can be placed at the top or bottom of the page.
The Best Notification Bar Library
Feel free to download and use them in your next project to display any type of message as a top or bottom bar. Enjoy.
Originally Published June 17 2021, updated Mar 23 2023
Table of contents:
jQuery Notification Bar Plugins
Freenbar.js is a minimalist jQuery script which creates a fixed responsive notification bar sliding out from the top of your web page.
An easy-to-use jQuery plugin to create responsive notification bars that slides out from the top or bottom of your web page. The active notification bars will disappear automatically after a timeout, and you can also dismiss them manually by clicking on the 'close' button.
A simple and lightweight jQuery Plugin for add a Notification Bar to your website for displaying important informations. The user can then toggle the visibility of the bar by clicking the ribbon.
A jQuery plugin to create a customizable, dismissable, cookie-enabled notification bar that remains fixed to the top after scroll.
peekABar is an extra lightweight jQuery notification plugin which helps you create sticky notification bars with lots of customization options.
Vanilla JS Notification Bar Plugins
A notification bar component which lets you create and display Atom-style stackable info/success/warning/error notification messages on the screen.