30+ jQuery Notifications - Free Code + Demos
Collection of 30+ jQuery Notifications. All items are 100% free and open-source. The list also includes boxes jquery notifications.
1. Alert Components
Author: Lucas Oliveira (lucasyem)
Links: Source Code / Demo
Created on: October 31, 2019
Made with: HTML, SCSS, JS
2. Pop Up Social Feed Notification
Author: Nooray Yemon (yemon)
Links: Source Code / Demo
Created on: July 3, 2018
Made with: HTML, CSS
3. Notification Badge Animation
Author: Valery Alikin (AlikinVV)
Links: Source Code / Demo, Dribbble Shot
Created on: March 14, 2019
Made with: HTML, SCSS, JS
Tags: notification, badge, particles, blub
4. Notification Bell Button Interaction Design | User-Interactions
Experimenting with CSS animations, built a design of notification bell button :)
Author: Himalaya Singh (himalayasingh)
Links: Source Code / Demo
Created on: September 26, 2018
Made with: HTML, CSS, JS
Tags: notification, bell, button, animation, interactions
5. Bell Notification Animation
Author: Diogo Gomes (diogo_ml_gomes)
Links: Source Code / Demo, Dribbble Shot
Created on: September 16, 2018
Made with: HTML, SCSS, JS
Tags: notification, bell, animation
6. Popup Notification
Author: David (doomdev)
Links: Source Code / Demo
Created on: August 16, 2018
Made with: Pug, Sass, Babel
CSS Pre-processor: Sass
JS Pre-processor: Babel
HTML Pre-processor: Pug
Tags: gsap, animation, popup
7. Toast Messages + Remove Animation
Toast Messages UI components with jquery remove animation
Author: Veronica (veronicadev)
Links: Source Code / Demo
Created on: June 6, 2018
Made with: HTML, CSS, JS
Tags: toast, toast messages, jquery, messages, message
8. CSS-only Notifications Component
This is a Sass mixin that provides notifications functionality using little-to-none Javascript. It makes use of CSS transitions and animations to display notifications as popups or bars on different locations of the viewport. The best thing is that it is fully customizable and easy to use....Read More
Author: Damián Muti (damianmuti)
Links: Source Code / Demo
Created on: June 10, 2017
Made with: HTML, SCSS, JS
Tags: css, sass, component, notifications, svg
9. Notifications, Alerts, Modals
Author: DevTips (devtips)
Links: Source Code / Demo
Created on: July 29, 2016
Made with: Pug, Sass, JS
CSS Pre-processor: Sass
JS Pre-processor: None
HTML Pre-processor: Pug
10. Overhang.js
🔔 A jQuery plugin for notifications, prompts and confirmations.
Links: Github Page, Home Page
Created on: June 24, 2015
11. Notifications
Growl style notifications for a web app.
Author: Hampus Persson (hmps)
Links: Source Code / Demo
Created on: April 8, 2014
Made with: HTML, SCSS, JS
Tags: notifications
12. Notify.js
Notify.js - A simple, versatile notification library
Links: Github Page, Home Page
Created on: March 27, 2013
13. Ohsnap.js
A simple jQuery/Zepto notification library designed to be used in mobile apps
Links: Github Page, Home Page
Created on: September 4, 2013
14. Notify Better
An all in one jQuery plugin that let you change your favicon, browser's title and more to reflect new notifications
Links: Github Page
Created on: August 26, 2013
15. Toastr
Simple javascript toast notifications
Links: Github Page, Home Page
Created on: April 30, 2012
16. Notification
Author: Yuri Beliakov (belyan)
Links: Source Code / Demo
Created on: May 15, 2018
Made with: HTML, SCSS, JS
Tags: ui, component, alert, notification, message
17. Notifications Widget
A simple notifications widget. Items' date are auto-generated every time. There are built-in calculations for missed events and today's events. There is also a dismiss functionality. Next step: snooze feature.
Author: Alex Marinenko (jo-asakura)
Links: Source Code / Demo
Created on: April 29, 2014
Made with: HTML, Less, JS
Tags: notifications, reminder, todos, tasks, widget
18. Notifications
Author: Brett (tterb)
Links: Source Code / Demo
Created on: September 9, 2017
Made with: HTML, SCSS, JS
Tags: notifications, app, design, ui
19. Simple Alert/Notification Design
A simplistic approach to an alert design for information, warning, error and success based alerts. Forked from Responsive Designs's Pen Simple Alert/Notification Design.
Author: karan kundi (kkundi)
Links: Source Code / Demo
Created on: September 1, 2015
Made with: HTML, SCSS, JS
Tags: alert, notification, pure-css, warning, information
20. Notify
A simple little notification system that will let you define a success or an error, so you can hook in with CSS and style accordingly.
Author: T.J. Fogarty (tjFogarty)
Links: Source Code / Demo
Created on: February 27, 2013
Made with: HTML, CSS, JS
Tags: css, notification, javascript, popup
21. Notifications Menu | N° 007
Author: Batuhan Gulgor (batuhangulgor)
Links: Source Code / Demo
Created on: January 9, 2020
Made with: HTML, SCSS, JS
Tags: 100dayscsschallenge, challenge, notifications, menu, hamburger
22. Notification Bell
Author: Agil Kerimov (agilk)
Links: Source Code / Demo
Created on: November 6, 2019
Made with: HTML, SCSS, JS
Tags: notification, notifications, bell, facebook style notification
23. Toast Notifications - JQuery
This is a small Toast helper for notifications of different types. I find it most helpful for ajax calls and form validation.
Author: Jon Tetzlaff (jontetz)
Links: Source Code / Demo
Created on: April 28, 2016
Made with: HTML, Less, JS
24. Jquery - Notification Dropdown On Bell Click, And +1 Button Turns Red On Click - "Feedster"
Author: Matt (MDJML)
Links: Source Code / Demo
Created on: October 11, 2016
Made with: HTML, CSS, JS
25. Notification Dropdown JQuery
Click anywhere outside of container to close dropdown menu
Author: Robin L (robinswaylu)
Links: Source Code / Demo
Created on: January 26, 2016
Made with: HTML, CSS, JS
26. Jquery Notification
Author: jhonsore (jhonsore)
Links: Source Code / Demo
Created on: February 23, 2016
Made with: HTML, CSS, JS
27. Notification CSS + JQuery
Author: Kizito Ezeozue (arinzeeze)
Links: Source Code / Demo
Created on: July 19, 2018
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
More Awesome Lists:
Share: