Get Tinycon Doc

A small library for manipulating the favicon, in particular adding alert bubbles and changing images. Tinycon gracefully falls back to a number in title approach for browsers that don't support canvas or dynamic favicons.


Tinycon adds a single object to the global namespace and does not require initialisation. Tinycon is not available in IE.


There are several versions of Tinycon published on NPM, unfortunately they are not controlled by Tinycon and do not track HEAD. The best idea is to install from github directly and cut out the middleman!

npm install tommoor/tinycon --save

Basic Usage



Tinycon can take a range of options to customise the look

  • width : the width of the alert bubble
  • height : the height of the alert bubble
  • font : a css string to use for the fontface (recommended to leave this)
  • color : the foreground font color
  • background : the alert bubble background color
  • fallback : should we fallback to a number in brackets for browsers that don't support canvas/dynamic favicons? Boolean, or use the string 'force' to ensure a title update even in supported browsers.
  • abbreviate : the alert bubble background color
Tinycon Live Demo
Tinycon AMD support

Tinycon can also be used as an asynchronous module.

Blink Title
Get Blink Title Doc

Is a Pure Javascript Implementation of TitleBar Alert or Notification.It Can Perform Blinking of HTML Titlebar for Titlebar Alert or Titlebar Notification http://flouthoc.github.io/blinkTitle.js/


Getting Started

<script src="https://raw.githubusercontent.com/flouthoc/blinkTitle.js/master/index.js"></script>

Regular Blink


Regular Blink with Timeout (milliseconds) (stops after 'timeout')


If You Want Notify When User is On Other Tab


If You Want Notify When User is On Other Tab with Timeout (milliseconds) (stops after 'timeout')



Blink Title Live Demo