10 jQuery Plugins to Enhance Tables

In this post, find a list of jQuery plugins to enhance your HTML tables. Using these plugins you can redesign your table, create a table from CSV or JSON, apply sorting and filtering the table content, freeze your table header row and create responsive tables.

1. Tabulator

Tabulator is an easy to use table generation jQuery UI Plugin. Tabulator allows you to create a table within seconds from any JSON formatted data. It is not dependent on any external CSS or images, simply include the library in your jQuery UI project and you're away!

2. KingTable

KingTable is a jQuery plugin for administrative tables that are able to build themselves on the basis of their input data. It supports client and server side pagination, client and server side search, custom filters views, and an automatic menu to hide and reorder columns and support for custom tools. Client side export feature into: CSV, JSON, and XML formats.

jQuery responsive table is a lightweight jQuery plugin that allows table markup to become fully responsive. It provides a clean list view via devices with small screens. It can work for multiple tables on a single page, as well as with tables that contain various combinations of merged cells. Best of all, it uses pure CSS for the rendering.

csv2table is the jQuery plug-in that reads the CSV file, and generates an HTML table.

StickySort is a jQuery plugin for adding sticky headers and columns to your tables, complete with an extended sorting function.

Columns is an easy way of creating JSON data into HTML tables that are sortable, searchable, and paginating. All you need is to provide the data, and Columns will do the rest.

7. jsGrid

jsGrid is a lightweight client-side data grid control based on jQuery. It supports basic grid operations like inserting, filtering, editing, deleting, paging and sorting. jsGrid is tuneable and allows to customize appearance and components.

A 2kb jQuery solution for tables in responsive designs. A great way to deal with responsive tables is to reformat the related information cells into grouped blocks in mobile view.

Freezeheader is a simple jQuery plugin to freeze the header row in html table. It's also known as fixed header table.

10. WATable

WATable is a customizable jQuery table plugin with sorting, paging, filtering.

10 jQuery Plugins for Social Sharing Buttons

Social presence for any website is must. And you need to give your users a way to share the content on various social platforms. In this post, find a list of jQuery plugins to add social share buttons in your websites. These social share buttons supports Facebook, Twitter, Google+, Pinterest and Linked-In. These plugins are pretty easy to understand and integrate.

1. GoodShare.js

Useful jQuery plugin that will help your website visitors share a link on social networks and micro blogs or mobile messengers. Easy to install and configuring on any of your website!

2. jumboShare

Jumbo Share is a jQuery plugin that add social share buttons on your website with a jumbo sized counter.

3. Likely

Likely is the social sharing buttons that aren't shabby. It supports Twitter, Facebook, Google Plus, Pinterest.

4. jsSocials

jsSocials is a simple social network sharing jQuery plugin. It's flexible and easily extensible. Configure visual appearance. Choose one of several themes provided. Add any yet unsupported social network if needed.

A jquery plugin to provide more control on social sharing buttons. Do the styling without worrying about the javascript implementation.

6. Awesome Share Button

A jQuery plugin to create social media share button with share count.

7. Cool Social Buttons

Cool Social Buttons is a jQuery plugin that adds social sharing buttons to your site without slowing it down. It is easy to use, powered by CSS3, mobile friendly and fully customizable.

jQuery prettySocial - a custom share buttons for Pinterest, Twitter, Facebook and Google Plus.


Ridiculously Responsive Social Sharing Buttons is built with SASS, and provides customizable responsive social share buttons.SVGs allow for tiny file size and retina support.

Share Button is simple, light, flexible, and good-looking share button. It doesn't load any iframes or extra JavaScript making the overall load time much faster. It looks simple and clean by default, and can be customized in any and every way.

10 jQuery Plugins to Create Flip Effects

In this post, find a complied list of jQuery plugin to integrate flip animations. These plugins provides flip effects to images, text, image gallery, clock and any DOM element.

1. flipLightBox

flipLightBox is a free Responsive Lightbox jQuery Plugin that is extremely easy to implement and doesn't require any additional stylesheets, scripts or libraries. Its main feature is an optional flip effect as each lightbox image opens and closes.

FlipClock.js is a jQuery plugin with CSS3 animations to add counter, timer and clock with smooth flip effect.

flipGallery is a free jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements. Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings.

4. Flip

Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform. Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11.  It still works with other browsers but the "slide" effect will be selected forecely.

5. flipCountDown

flipCountDown is a jQuery clock / timer / countdown plugin in retro flip-count down style.

6. Flip Quote

jQuery Flip Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

7. Wodry

Wodry.js is a simple jQuery plugin for a text flipping/rotating written in CoffeeScript. It was inspired by the Adjector.js. Wodry.js does the same things but it has new features that allow you to set animation from animations collection, set your own callback on content flipping, etc.

justFlipIt is a lightweight jQuery plugin that allows you to implement CSS3 based flip animations on any DOM elements.

Cover3D is a super tiny (~2kb unminified) jQuery plugin used to create 3D cover flip animations using CSS3 rotate and translate transforms.

10. jQuery Flipper

jQuery flipper is jQuery & jQuery UI based plugin which allows you to rotate an Html element using CSS3 3D transforms.

10 jQuery Plugins with Google Material Design

Google’s material design is becoming popular due to better user experience, eye catching animations and its simplicity. In this post, find a complied list of jQuery plugins which have created material design effects. These plugins provides material design effects to progress bar, buttons, charts, timer, stopwatch, notifications and input controls.

1.     Material PreLoader

Material Preloader is a jQuery plugin that recreates the Material Design preloader (as seen on Google inbox).

2.     Material Design Stopwatch, Alarm and Timer

A small JavaScript application that conforms to Google’s material design guidelines. It consists of three parts – an alarm clock, a stopwatch and a timer. The application is responsive and has a bunch of subtle animations that react to user input.

SnackbarJS is a lightweight and jQuery powered plugin to create Material Design snackbars and toasts with ease. It made to work in Bootstrap style, just like the Bootstrap tooltips work.

4.     MProgress.js

MProgress.js is a Google Material Design Progress linear bar by using CSS3 and pure JavaScript.

A jQuery plugin used to create a Google Material Design inspired loading spinner using SVG and CSS3 transforms.

6.     Material Design Styled Pie Menu

A Google Material Design styled pie menu for navigation in webpage. It opens a sub-menu when clicked or tapped, built with jQuery and CSS3 transitions & transforms.

7.     legitRipple.js

A lightweight, CSS based jQuery plugin for material-design ripple effects.

8.     ToggleSwitch

Simple ToggleSwitch Jquery plugin with Material design style.

9.     Material Charts

Material Charts is a lightweight jQuery plugin helps you create nice, clean, Material Design styled charts / diagrams with plain html, CSS and JavaScript.

10.                         Google Material hamburger button

Google material designed hamburger button created using jQuery and CSS 3.

8 jQuery Plugins to Integrate Instagram Photos

Instagram is the most popular online photo-sharing and social networking service which allows users to take a picture, apply a digital filter to it, and share it on a variety of social networking services. Instagram is fast, beautiful and fun way to share your photos with friends and family.

So In this post find list of jQuery Instagram plugins that will allow you to pull in your own Instagram pictures, tag specific photos.

1.     Instafetch

instafetch fetches media from Instagram based on (and only on) the user and/or tag, relying on the Instagram API.

If you use the Instagram API to make a call, you will only get 33 results back, no matter what you specify in the count paramter. Instafetch will help you fetch more media than the limit imposes, in exchange for more API calls, which can count against your hourly limit.

2.     jQInstaPics

jQInstaPics is a simple jQuery plugin that enables you to display the latest pics from your Instagram feed on your website or blog.

3.     Instagram Infinite Scroll

Instagram Infinite Scroll is a single page Infinite Scroll app built using jQuery, and CSS.

4.     Instagram Lite
A simple, lightweight jQuery plugin used to display a user's Instagram photos.

5.     Spectragram

An easy jQuery plugin for Instagram API to fetch and display user, popular or tags photo feeds inside your web application or site.

6.     pongstagram.js

Pongstagr.am is a jQuery plugin that lets you display your Instagram media to your website using Bootstrap Front-end styles and modal-plugin.

7.     InstaStream

Instastream is a simple jQuery plugin to stream pictures from Instagram.Before to go further be sure you have an Instagram account and an Instagram API Key.You can choose how many pictures you want by slide.

8.     InstaSlider
jQuery InstaSlider is a lightweight (just 2kb when minified!) jQuery image slider / carousel plugin that populates content from an Instagram hashtag or username.

Hope you find this list useful!!!!!