This article was published 10 years ago, therefore the contents of this post may be out of date.

jQuery plugins are constantly being released, and it’s no surprise since they are so popular and this is for good reason as there are a piece of the spine in web development as it is a fast and concise library that simplifies animation, ajax interaction, event handling  for faster web development but the only problem is looking through the whole lot of these jQuery plugins and finding out which are the best ones, that’s why in today’s post you will find 18 of the new and freshest jQuery plugins and especially all of these plugins you can find directly on GitHub so you can fork it to make them even better.

1. Snap.svg

snapsvg

Snap.svg is a brand new JavaScript library for working with SVG. Snap provides web developers with a clean, streamlined, intuitive, and powerful API for animating and manipulating both existing SVG content, and SVG content generated with Snap.

2. One Page Scroll

One Page Scroll

One Page Scroll let you transform your website into a one page scroll website that allows users to scroll one page at a time. It is perfect for creating a website in which you want to present something to the viewers. For example, Apple’s iPhone 5S website uses the same technique. To add this to your website, simply include the latest jQuery library together with the supplied js & css files and call the function and it is pretty much it.

3. jQuery PopDown

jQuery Popdown Plugin

The jQuery Popdown is a simple dialog that pops down from the top of your browser window once it’s loaded HTML in the background. A simple way to load web forms, content, user feedback messages, media and any other in place style content.

4. Whats Nearby

WhatsNearby

Whats Nearby is a simple jQuery plugin that allows you to list and show nearby places around a certain position using Google Maps.

5. Stick Up

stickUp

StickUp a simple jQuery plugin that “sticks” an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts.

6. jQuery Mapael

jQuery-Mapael

jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps.  For example, with Mapael, you can display a map of the world with clickable countries. You can build simple data by setting some parameters in order to automatically set a color to each area of your map and generate the legend. Moreover, you can plot cities on a map with their latitude and longitude.  As Raphaël, Mapael supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

7. jQuery Selectric

jQuery-Selectric

Selectric is a jQuery plugin designed to help at styling and manipulating HTML selects

8. onScreen

onScreen

A jQuery plugin that does stuff when the matched elements are visible (as inside the viewport)

9. Offline

offline

Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.  It captures AJAX requests which were made while the connection was down, and remakes them when it’s back up, so your app reacts perfectly.  It has a number of beautiful themes and requires no configuration.

10. fullPage.js

fullPage

A simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites). It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site.

11. Bootstrap Responsive Tabs

Bootstrap Responsive Tabs

Bootstrap Responsive Tabs is a simple jQuery plugin that switches the default bootstrap tabs to collapsible components (accordions) on the viewports that you choose to. It was build using default Bootstrap 3 classes and markup.

12. Featherlight

featherlight

Featherlight is a very lightweight jQuery lightbox plugin. It’s simple yet flexible, has minimal css and uses no inline css, everything is name-spaced, it’s completely customizable via config object and offers iframe support out of the box. Featherlight weights less than 3.5kB

13. jQuery Responsive Text

Responsive Text

A jQuery plugin to set font sizes responsively based on its’ container width. Use jQuery responsiveText to have scalable headlines, build responsive tables and more!

14. Contextualize

contextualize

Contextualize is a jQuery plugin for contextualizing in-content links. You simply add some context to your in-content links quickly and easily and contextualize will crawl the specified element and classified the links by basing it on the target and source – from external links to file types.

15. Peeler

peeler

A library to add peeling to the center of your content. This was inspired by the brilliant folks over at Teehan+Lax and introduced in their blog post for UX considerations for Medium.

16. BubbleChart

bubblechart

BubbleChart is a JavaScript module for comparative visualization of two-dimensional data in a bubble chart.

17. jQuery Fadeloader

jQuery Fadeloader

The jQuery Fadeloader plugin lets you easily implement a preloader to your site or section, using a cascade fade in effect to show specific blocks of content (for example, you can load first the header, then the menu and finally the content).

18. EazyZoom

EasyZoom

EasyZoom is an elegant, highly optimised jQuery image zoom and panning plugin based on the original work by Alen Grakalic. EasyZoom supports touch-enabled devices and is easily customisable with CSS.

Share

18 New & Fresh jQuery Plugins That Are Available on GitHub

Discussion

2 Responses

Comments are closed.