WebTecHelp – Design Blog for Developers, Designers and Bloggers. Best hand picked collection of design related resources, useful tools, tutorials, tips etc.
Implementing this feature in your site will definitely count as a big plus so don’t waste your time and download the available jQuery plugins in this article. If there is a jQuery plugins that you need, you’ll find it here.
As jQuery plugins and its use on modern day websites increase we have decided to add some plugins or say code snippets to enhance the front end user experience to a new level. Not only website jQuery is implemented on applications as its functionality is much more smoother than other modules out there. From sliders, maps, image carousels you will find best free jQuery plugins here today for you to download and implement the code on your website. Also take a look at our related articles which might interest and add to your jQuery collection.
You do not have to worry anymore, in this assortment we are showcasing 65 + new and outstanding jQuery plugins for you. Check this out and get to pick one that suits you and feel free to download. All these jQuery plugins are useful and fresh. Please give us your feedback about this superb collection of jQuery plugins because your feedback is very precious and important for us.
1. Nivo Slider
Nivo Slider is considered as a most popular jQuery slider plugin in the world. It is beautiful and very easy to use, more over, it is full free! Nivo Slider includes 16 Beautiful Transition Effects that makes displaying your gallery of images a beautiful experience as well as designed to be as simple to setup and use.
2. Text Scrolling Plugin for jQuery – Marquee
Marquee.js is an alternative to marquee tag, which is an old and non-standard HTML element, that causes text/image/element to scroll up, down, left or right automatically.
3. Popup Window
A simple and easy-to-use jQuery plugin for creating popup window with smooth fade out effect.
4. Fixed Position Top Menu Bar
nagging-menu is a jQuery plugin that allows you to create a floating and fixed position top menu bar on your webpage. The floating menu bar is invisible until you scroll down and then it appears. If you’re looking for a simple fixed top menu bar without using jQuery.
5. PrintArea
PrintArea is a jQuery Plugin that allows your visitors to a specific area of the page. The printed area is either opened in a popup or in a hidden iframe by using json settings.
6. Colorful Countdown Timer
A beautiful date countdown timer plugin with 3 colors built with C3counter.js. Change the value of Line 22 to set the start time.For more Advanced Usages, please check the demo page or visit the official website.
7. Animated Sticky Header On Scroll
In this tutorial we’re going to create a position fixed header that will changes its size on scroll. The idea is to decrease header’s size and the inner elements will adjust their font-size/line height while a certain amount of the page gets scrolled.
8. Cool Animated Side Menus with Sliding and Pushing Effects
In this tutorial we’re going to create animated side menus with cool slide out and slide in effects. It makes it easier to create vertical or horizontal menus that can slide out from any of the edges of your page.
9. Cool Time Picker For Twitter Bootstrap
Bootstrap Timepicker is a very cool jQuery to easily select a time for a text input using your mouse or arrow keys.
10. Automatic Page Load & Ajax Request Progress Bar – Pace.js
Pace.js is a lightweight (~4kb minified and gzipped) javascript library to create beautiful progress indicators for your page load and ajax request. It will automatically monitor your ajax requests, event loop lag, document ready state, and elements on your page to decide the progress. On ajax navigation it will begin again.
11. Slide Out Contact Form Plugin with jQuery – Contactable
Contactable is a jQuery Plugin that make it easier to create a contact form on any page of a site with minimal effort. By default, click the feedback link on the left of the page will slide out the contact form.
12. Simple jQuery Calendar and Schedule Plugin For Bootstrap – Bic Calendar
Bic Calendar is a lightweight jQuery plugin that enables you to create a simple and nice Calendar & Schedule with ajax event support using twitter bootstrap.
13. jQuery Facebook Like Chat Plugin – Pusher Chat
Pusher Chat is a jQuery plugin that adds a facebook like chat application to your website using Pusher API. The plugin is easy to customize with CSS and can manage friend list via json.
14. Responsive jQuery Content Slider with Animation – bxslider
bxslider is a fully responsive jQuery Slider Plugin that allows you to create a content slider which can contain images, video, or HTML content.
15. Responsive Image Cover Flow Plugin with jQuery and CSS3 – flipster
flipster is an amazing and touch-enabled jquery plugin that allows you to create an image Cover Flow effect with CSS3 3D transform and flipping effects. It will fall back to be flat and boring in those browsers which don’t support CSS3 3D transform, like IE7, IE8, IE9.
16. jQuery Plugin For Multiple File Uploader – Upload File
Upload File is an easy jQuery plugin used to create a file uploader with progress bar that supports multiple files and drag & drop uploads.
17. Flexisel – Responsive Carousel Plugin
Resize your browser window to see how you the plugin can adjust to the window width. Flexisel will adapt responsively as the screen width gets smaller…
18. Swipebox – A Touchable jQuery Lightbox
Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.
19. Sidr – Creating Facebook-Like Side Menus
The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.
20. Unslider – A ‘Super-Tiny’ jQuery Slider
The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.
21. jQuery Nested – Create Multi-Column, Dynamic Grid Layouts
Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts.
22. jResponsive – Super-Smooth Transition Layouts
JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by “packing” them in tightly. One of the very famous website that using this type of layout is Pulse.
23. MultiDialog
MultiDialog utilizes jQuery UI Dialog Widget for a full featured Modalbox / Lightbox application.
24. FlexNav – Flexible, Device Agnostic Navigation
A jQuery Plugin for Responsive Menus.
25. Flaunt.js – Responsive Navs with Nested Click-To-Reveal
Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you’ve pressed…
26. SlideToucher – Touch Enabled jQuery Plugin for Content Swiping
27. LiquidSlider – A Responsive jQuery Content Slider
A Responsive jQuery Content Slider.
28.Dropdown.dot.js – Flexible Dropdowns Based on dot.js Templates
A JQuery Plugin for super-flexible Dropdowns based on dot.js Templates.
29. Typeahead.js – A Fully-Featured Autocomplete Library
A fast and fully-featured autocomplete library.
30. iCheck – Customize Checkboxes & Radio Buttons
iCheck plugin works with checkboxes and radio buttons like a constructor.
31. Chardin.js – Simple Overlay Instructions for Apps
Simple overlay instructions for your apps.
32. jQuery Alpha Image Plugin
This plugin can change selected colours to transparent on your image and give result as image or imagedata. This plugin works on IE9+, Chrome, Firefox, Safari. I didn’t try in opera.
33. ScrollUp
A Lightweight Plugin for Creating a Customisable “Scroll-to-Top”.
34. Adding Alarms to the Digital Clock
Adding Alarms to the Digital Clock.
35. Ractive.js
Ractive.js is different. It solves some of the biggest headaches in web development – data binding, efficient DOM updates, event handling – and does so with almost no learning curve.
36. Firechat
Firechat is an open-source, real-time chat widget built on Firebase. It offers fully secure multi-user, multi-room chat with flexible authentication, moderator features, user presence and search, private messaging, chat invitations, and more.
37. Albumize
Albumize is a jQuery plugin that lets you manage collection of images in the web page as albums. With albumize, you can browse albums, add cover image to albums and switch between albums.
38. PowerTip – A jQuery Hover Tooltip Plugin
PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.
39. Flat jQuery Price Slider
This jQuery price slider to select range of prices which help you vastly in your development and design projects. This price range slider is totally free to download.
40. Gmaps jQuery Map Plugin
Gmaps js script is simple in itself with minimal code and clean documentation to implement the code all by yourself. The power of Google maps now can be harvested with this cool jQuery plugin without any limits. Choose from 25 Different features starting from basic map layout to Street View Panoramas.
41. FormChimp – MailChimp ajax plugin for jQuery
A customizable MailChimp ajax plugin for jQuery, provides an easy and lightweight way to let your users sign up to your MailChimp list.
42. OWL Carousel
Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
43. jQuery Spellchecker
A lightweight jQuery plugin that can check the spelling of text within a form field or DOM tree.
44. Chart js
Easy, object oriented client side graphs for designers and developers. Visualise your data in different ways. Each of them animated, fully customisable and look great, even on retina displays.
45. Email-autocomplete
A jQuery plugin that suggests and autocompletes the domain in email fields.
46. Draggabilly
Make something draggable with code snippet of jQuery.
47. Interact.js
A Javascript drag and drop, resizing and gestures for modern desktop and mobile browsers.
48. Sortable
Sortable — is a minimalist JavaScript library for modern browsers and touch devices.
49. rowGrid.js
rowGrid.js is a small, lightweight (~800 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows. The grid is similar to grids on Google Image Search, flickr, shutterstock and Google+ images.
50. Scattered Polaroid gallery
A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides.
51. Viewport Image Resize
Simple & hassle-free image resize & crop based on a pseudo-viewport.
52. jQueryUI Limitslider
A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels on the sliders and hover titles.
53. Freewall
Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts for desktop, mobile, and tablet.
54. jQuery fontIconPicker
jQuery fontIconPicker is a small (1.58kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms.
55. jQuery 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.
56. Bootstrap-dialog
Make use of Bootstrap’s modal more monkey-friendly.
57. jquery.tabelizer
Tabelizer 1.0.3 – multi level grouping indicators for tables Version 1.0.3 Requires jQuery v1.6+ and jQuery.ui core.
58. Facebook Badge Jquery Plugin
FaceBadge add a badge of your Facebook Page in your site.
59. Croppic
This is an image cropping jquery plugin that will satisfy your needs and much more.
60. JQuery Plugin for Google Drive API
Google Drive is a nice and easy (once you get used to it) way to store and share files on the cloud. Apps on Android phones and tablets synchronize their documents and images to Google Drive. One can think of so many interesting applications using them.
61. Pick-a-Color
Pick-a-Color is designed to be easy for anyone to use. The interface is based on Twitter Bootstrap styles so it looks lovely with the styles of almost any site.
62. Simple Vertical Menu
Simple, but very stylish vertical menu using some CSS3, a bit of jQuery, a custom text font and the most impressive icon font you can find at this moment, which is FontAwesome.
67. jQuery Message Form
Just a little character counter experiment with jQuery .
68. Magnifying Glass Plugin with jQuery and CSS3
This is a simple little plugin that I made, based off this walkthrough from TCP.
hi i downloaded some sliders from ur website those are really awesome. after trying those i will give my feed back also any way thank you very much
regards
Rambabu