Today we have collected 10 incredibly lightweight jQuery plugins to help web developers make their life easier. Why use lightweight plugins? Well, that’s obvious because the less JavaScript the browser has to load the faster the web page will load. So by using minified versions of lightweight jQuery plugins you can get the maximum power with minimum overhead. Nice, check them out. Enjoy!

Update July 2012: Added 12. Craftyslide

Related Posts:

1. jQuery Content Slider

Lightest jQuery content slider ever – 380 bytes.

jQuery Content Slider


2. Pep

It uses the best of jQuery’s animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.



3. gMap

A lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.


Source + Demo

4. Infinite Scrolling Demo 1

This demo uses the jQuery Masonry plugin together with the Infinite Scroll plugin.

Infinite Scrolling Demo 1


5. Tiny Carousel

A lightweight carousel for sliding html based content. It was built using the JavaScript jQuery library.

Tiny Carousel

Source + Demo

6. Zebra_Datepicker

A lightweight datepicker jQuery plugin. This jQuery plugin will automatically add a calendar icon to the indicated input fields which, when clicked, will open the attached datepicker.


Source + Demo

7. ColorBox

A lightweight customizable lightbox plugin for jQuery



8. markItUp!

A JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor.


Source + Demo

9. jqueryrotate

This is a small plugin for jQuery that adds a nice feature to rotate images (img html objects) by a given angle on web pages.



10. firstImpression.js

A micro-library for detecting new visitors.


Source + Demo

11. jsAnim

This project’s goal is to make websites that look like they were made in Flash, but can easily be accessed by all users.


Source + Demo

12. Craftyslide

Craftyslide is a tiny (just 2kb) slideshow built on jQuery.

Source + Demo

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

No Reader comments

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.