Top 30 Best jQuery Plugins with Brilliant User Interface

jQuery is a JavaScript library that can be used across a number of browsers, but most importantly, mobile-device browsers. It is a client-side scripting of HTML and is the most popular library being used to design websites today, with 65% of the global websites using jQuery. It is a free, open-source library, and the syntax allows for easy navigation of a website. Here are 30 best jQuery plugins with brilliant user interface that you can use

jQuery waypoints

jQuery waypoints

This is a plugin that allows you to execute a function whenever you scroll to a particular element on the page.

Password strength

Password strength

This is a plugin that allows you to see how many tries a hacker would have to make before he or she breaks your password. By so doing you get to see how strong your password is.

Skrollr

Skrollr

This plugin allows you to scroll elements of the webpage when using the wheel of your mouse. You can change the ease settings to control the speed at which the elements move down the page.

Handsontable

Handsontable

This is a plugin that allows you to carry out table creation and formula addition just as you would on excel, only that you will be doing this from HTML, Java, or jQuery.

Autocomplete

 

Autocomplete

This is an input plugin that allows you to get to certain information quickly thereby allowing you to shorten the time required to search for entries. It can be used to place tags, cities, addresses, etc.

Sidr

Sidr jQuery Plugin

This is a plugin that allows you to make menus that slide out. This allows you to create a non-clustered website, where information will be displayed when the user places the mouse over the menu.

Highlight

Highlight jQuery Plugin

This is a plugin that allows you to create highlights in a webpage. This is great for creating tables, where the highlight comes up to show you which cell you are entering data into.

Navgoco

Navgoco

The plugin turns a nested list with no order into a vertical, multi-level slide navigation. Using cookies, the plugin can keep the expanded menus for different sessions using cookies.

Flexnav

Flexnav

The plugin allows you to create menus that drop down when the mouse is hovered over them. This is especially useful in mobile websites, where touch screens are used to tap on various menus.

Smart menus

Smart menus

This is a jQuery plugin, which will work on all devices, that allows you to create drop down menus for a list-based website.

JQuery menu aim

JQuery menu aim

This is a plugin that allows you to create drop down menu items in an expanded format. You can see all the pages and links that are in the drop down list and all their sub-pages.

Jqtransform

Jqtransform

This is a plugin that allows you to determine the characteristics of a form. This includes the color (skinning).

Side toggle menu

Side toggle menu

This is a plugin that allows your menu to slide into the page from any direction. The plugin will either push the content of the page in order to create space for itself, or it can hover above the contents of the page.

JQueryslimmenu

JQueryslimmenu

This is a very small plugin that carries out the functions of much heavier plugins to create responsive menus for a website. It can create multi-level nested menus for easier browsing.

Boxy

Boxy

This plugin helps create Facebook-like dialog boxes. These can be dragged and the size can be manipulated. It allows for hooking up links and forms. It also has a facility that allows you to give the user suggestions on what to fill in the dialog box.

Jpanelmenu

Jpanelmenu

This is a plugin that allows for the creating of paneled menus such as those seen on Facebook and Google mobile versions.

Flaunt.js

Flaunt js

This plugin allows for the creation of nested menus which are responsive to the position of the cursor. Most websites want a design for responsive menus especially due to the use of mobile devices which do not have a lot of space to hold non-responsive menus.

Masked input

Masked input

This is a plugin that allows you to place fixed width inputs into a table. This means that when the required numbers of digits are filled up, no other input can be filled in. This is perfect for a website that would require certain digits for phone numbers, dates, etc.

Naver

Naver

This is another jQuery plugin that is ideal for making responsive navigation menus. This is ideal for making mobile-friendly toggling menus.

Tinynav.js

Tinynav js

This is a plugin that creates small menus for small screen. The data size is very low allowing for the creation of mobile-friendly websites. It selects the current page and adds “selected” for the particular item. Although not the first to add this functionality, it is perhaps the smallest.

Uploadify

Uploadify

This is a plugin that allows for the quick uploading of files. It allows for multiple selection of files, and the concurrent uploading without queuing.

MeanMenu

MeanMenu

Another drop down menu creator that makes the website fit on mobile devices properly.

Mcdropdown

Mcdropdown

This is a jQuery that allows all levels of a menu to be displayed on the page. The menus are stacked one on another according to their different levels. This is great for mobile websites as well as PC and Tablet browsing.

In field labels jQuery plugin

In field labels jQuery plugin

This is a plugin that created labels that nest in the form and are replaced when a user makes an input. This is perfect for mobile device websites which do not have much space to place labels beside the form.

Login form with jQuery

Login form with jQuery

Clearfield

Clearfield

jQuery.justifyMenu

justifyMenu

Checking username availability with Ajax usingjQuery

Checking username availability

A fancy Ajax contact form

A fancy Ajax contact form

Ajax upload

Ajax upload

Comments

Powered by Facebook Comments

Add a comment

Similar info graphics

Reebok Mobile Website UI / UX Design by “Mikha Makhoul”
Reebok Mobile Website UI / UX Design by “Mikha Makhoul”
Mobile Application – User Interface and Experience Design by “Tom Geoco”
Mobile Application – User Interface and Experience Design by “Tom Geoco”
IFF’ Leave Management System – UI Design by “Mani Baskar”
IFF’ Leave Management System – UI Design by “Mani Baskar”
The all new Apple iPhone 5S – The Beacon of the Future of SmartPhones
The all new Apple iPhone 5S – The Beacon of the Future of SmartPhones
Top 30 Stunning Mobile Wire-Framing Tools with Brilliant User Interface
Top 30 Stunning Mobile Wire-Framing Tools with Brilliant User Interface
User Interface Design of Google Visual Assets
User Interface Design of Google Visual Assets