PNotify downloads come with the following files:

pnotify.custom.js & pnotify.custom.min.js (Minified)
pnotify.custom.css & pnotify.custom.min.css (Minified)

So here's how you'd include them on your page:

<script type="text/javascript" src="pnotify.custom.min.js"></script>
<link href="pnotify.custom.min.css" media="all" rel="stylesheet" type="text/css" />

You also need to include jQuery (1.6 or higher) and either Bootstrap CSS or a jQuery UI Theme. If you want to use jQuery UI effect animations, you also need to include the jQuery UI JavaScript.

Now you can use PNotify like this:

<script type="text/javascript">
$(function(){
	new PNotify({
		title: 'Regular Notice',
		text: 'Check me out! I\'m a notice.'
	});
});
</script>

If you are using Bootstrap version 2, include this line somewhere before your first notice:

PNotify.prototype.options.styling = "bootstrap2";

If you are using jQuery UI for all your styling, include this line somewhere before your first notice:

PNotify.prototype.options.styling = "jqueryui";

If you are using Bootstrap 3 with Font Awesome for all your styling, include this line somewhere before your first notice:

PNotify.prototype.options.styling = "fontawesome";

All of the demos on this page provide source code with the "{}" button,

• Rich graphical features and effects.
  • jQuery UI, Bootstrap, PIcon, and any other CSS based icons.
  • Timed hiding with visual effects.
  • Standard and custom effects.
  • Add custom classes for individual notice styling.
  • Variable opacity.
  • Optional drop shadows.
• Highly customizable UI.
  • Sticky (no automatic hiding) notices.
  • Optional hide and sticker buttons.
  • Non-blocking notices for less intrusive use.
  • Three notification types: notice, info, and error.
  • Stacks allow notice sets to stack independently.
    • Control stack direction and push to top or bottom.
• Feature rich API.
  • Desktop notifications based on the draft Web Notifications standard.
  • Supports dynamically updating text, title, icon, type...
  • Supports HTML (including forms) in title and text.
    • Can also escape HTML to prevent XSS attack.
  • Callbacks for various events, which can cancel said events.
  • History viewer allows user to review previous notices.