Add Floating Number Notifications to Any Object | Unread-Messages.js

Unread-Messages.js is a lightweight library that allows the user to add notifications with floating numbers to any object.

Unread Messages is a small JavaScript library that helps you create floating notification badges with the number of unread messages just like the app icon badge you see on iOS or Android.

Supported Positions:

  • top
  • top-right
  • top-left
  • bottom
  • bottom-right
  • bottom-left

How to make use of it:

1. Import the next JavaScript and CSS files into the doc.

<link rel=”stylesheet” href=”dist/css/style.css” />
<script src=”dist/js/main.js”></script>

2. Determine the number of unread messages within the data-val attribute:

<div class="notification-container" data-val="99">
  <div>My App</div>
</div>

3. Specify the position of the badge:

<div class="notification-container btn" data-val="1234567" data-pos="bottom-left">
  <div>App</div>
</div>

4. Customize the background coloration.

<div class="notification-container btn" data-val="5" data-color="black">
  <div>App</div>
</div>

Mobile App Style Badge Notification Count, Unread-Messages.js Plugin/Github, set badge count in push notification, notification count badge over app icon flutter


See Demo And Download

Official Website(Mulaza): Click Here

This superior jQuery/javascript plugin is developed by Mulaza. For extra Advanced usage, please go to the official website.

Share