Minimal Sliding Toast Plugin For jQuery - jToast.js

File Size: 6.4 KB
Views Total: 1455
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Minimal Sliding Toast Plugin For jQuery - jToast.js

jToast.js is a really small (~1kb) and CSS-less jQuery toaster plugin which lets you create Android-style toast messages sliding out from the right side of the screen.

Licensed under the GNU Lesser General Public License v3.0.

See also:

How to use it:

1. Place the minified version of the jToast.js library after jQuery.

<script src="" 
<script src="jToast.min.js"></script>

2. Create a basic toast message that will auto dismiss after 3 seconds.

showToast('This is a toast.');

3. Define the radius of the toast's corner.

showToast('This is a toast.', {
  borderRadius: '5px'

4. Change the timeout to 5 seconds.

showToast('This is a toast.', {
  duration: 3000

5. Change the background & text colors.

showToast('This is a toast.', {
  background: '#232323',
  color: '#fff'

6. Hide the toast notification manually.


7. Show a close icon inside the toast notification. Default: false.

showToast('This is a toast.', {
  close: true

8. Show a progress bar that indicates the remaining time. Default: false.

showToast('This is a toast.', {
  progressBar: true



  • Added countdown bar


  • Added hideToast function


  • v1.0.3: syntax & doc updated

This awesome jQuery plugin is developed by l2ig. For more Advanced Usages, please check the demo page or visit the official website.