Category Archives: Jquery

jQuery Filestyle : Style the input with jQuery


Style the file upload input with jQuery.

Read More Demo

jQuery URL ColorUP : Automatically highlight URLs in textareas


The plugin allows it to automatically highlight URLs in textareas like those on Twitter.Pull requests are always welcomed if you find any bugs or you want to make it better.

Read More Demo

Add-Clear button to your input fields


jQuery Plugin to add a (x) clear button to your input fields.

Read More Demo

Vertical Responsive Menu : cbfranca

Vertical Responsive Menu


A mobile first vertical responsive menu using HTML, CSS & JS

Demo Read More

Jquery Offcanvas – User friendly and easy mobile Navigations

Easy way to arrange overloaded websites

The easy way to arrange overloaded websites or to design user-friendly mobile navigations

Read More

GraspSchedule.js : Visualize complex Schedules & Events with jQuery plugin


jQuery graspSchedule.js is a simple jQuery calendar plugin used to visualize complex schedules & events, a little similar to the timeline or event calendar.

Demo Download

jstree : jQuery Plugin for Interactive trees


jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license.

Demo Download

bootstrap-wysihtml5:Simple wysiwyg editors


bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap

Demo Download

Sketch.js : Canvas-based Drawing using jQuery


Sketch.js is an simple-to-use jQuery plugin that permit you to create canvases upon which visitors can draw.

Demo Download

jQuery Html5 plugin for take pictures through webcam : Photobooth-js


A html5 widget that allows users to take their avatar pictures on your site.

Demo Download

jQuery alert confirm & dialog plugin

A multipurpose plugin for alert, confirm & dialog, with Extended features.

Demo Read More

Stackable modal boxes with jQuery

Stackbox is a jQuery plugin for creating stackable modal boxes.

Demo Read More

Modal dialogs using javascript : Easy Modal for bootstrap

Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.

Demo Read More

Confirm dialogs with jQuery and Bootstrap

Confirm dialogs for buttons and links using jQuery and Bootstrap. Any click on the link will pop up a dialog asking the user to confirm the action.

Demo Read More

Prompt plugin : jQuery

A minimalist jQuery prompt plugin for the 21st Century.

Demo Read More


Magnificent : jQuery plugin for responsive zoom

A jQuery plugin for responsive zoom of images & more!

Demo Read More

Menu to cross icon With JQuery and CSS3

The project menu -to- Quersymbolist a project to make people different ways a “menu icon ,” the show to have to switch to a ” cross symbol ” ( ☰ -> ✖ ) .

Some techniques use vanilla Javascript , using some jQuery and some are just CSS powerd !

Demo Read More

Lightest Tweening Engine for jQuery : jQueryTween

A super light and easy jQuery plugin which ( , animation engine Javascript) works as a controller for tween.js , and jQuery user , makes the job much easier. Imagine writing init ( ) , animate () and update () over and over again


This plugin is a bridge to tween.js and aims to drastically simplify the work . Each script is doing what he does best, for high-performance hardware -accelerated animation.

Demo Read More

jquery confirm – Multipurpose plugin for alert and confirm

A multipurpose plugin for alert, confirm & dialog, with Extended features.

Demo Read More

jquery tree plugin : jstree

jsTree jQuery plugin that provides interactive trees. It’s completely free , open source and distributed under the MIT license.

jsTree is easily extensible , Themable and configurable, supports HTML and JSON data sources , AJAX & asynchronous callback load.<


jsTree working properly either box model (content playpen or border- box) can be loaded as a module and AMD has a built in mobile theme for responsive design, can be easily customized. It uses jQuery’s event system , so that the binding callbacks at various events in the tree structure is simple and easy.

Demo Read More

jQuery Responsive Tabs – Jquery Plugin

Responsive Tabs is a jQuery plugin that provides functionality Reaction tab . The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for the display of elegant tabs on the desktop , tablet and mobile phone

Demo Read More

Lightweight Horizontal Accordion

liteAccordion is a horizontal accordion plugin for jQuery.

Demo Read More

Easy Responsive Tabs to Accordion – Jquery Plugin

Easy Responsive Tabs to Accordion – Jquery Plugin, Simple reaction Tabs – is a lightweight jQuery plugin that normal horizontal or vertical tabs on multi devices such as optimized Accordion : Web, Mobile Tablets (iPad & iPhone). This plugin adjusts the screen size and changes its actions accordingly

Demo Read More

Accessible jQuery Tabs – Jquery Plugin

A simple jQuery plugin for accessible tabs widget

Demo Read More

Jquery ui Contextmenu – Jquery Plugin

jQuery plugin that turns a jQueryUI menu widget into a context menu.

Demo Read More

jQuery Tree Widget

Daredevel’s jQuery Tree is a jQuery UI widget that you can use to add advanced features to an html tree built using nested unordered lists.

It’s designed to be fast, lightweight, simple to deploy and setup and highly configurable.

Demo Read More

jQuery Image Upload – jQuery plugin

A jQuery plugin that adds controls to the selected jQuery elements with a simple call.

Read More Demo

jQuery UI Multiselect Widget

This is to keep the warehouse is no longer active by the author. However, withdrawal requests are always welcome. If there is anyone interested in preserving officially assistant, and let me know.

In case you are looking for a copy AJAX, also please consider copy Yanick Rochon, and or also check out the official version 2.0 is currently in development.

Demo download

JQuery UI widget – Address picker, with instant display selection on map

JQuery UI widget for selecting an address. This widget has been developed for a specific need but feel free to use it or fork the repository

Autocomplete widget is single with jquery-autcomplete and packed by Google Maps geocoding V3 suggests. Instant display suggestions on map

Demo Download

jQuery Sharing widget

Make your widget to share! Sharrre is a jQuery plugin that lets you create beautiful widgets Sharing Facebook, Twitter, Google Plus (with PHP script) and more. More information about Share.

Demo Download


Player upload files with the selection of multiple files, drag & amp; drop, progress bar, validation and preview images, audio and video for jQuery. Supports multiple domains, load and renewable fragmented files. It works with any server platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form submission files.

Player upload files with the selection of multiple files, drag and drop support, progress bars, validation and preview images, audio and video for jQuery.

Supports multiple domains, load and renewable fragmented files and client-side image resizing. It works with any server platform (PHP, Python, Ruby on Rails, Java, Node.js, Ir, etc.) that supports standard HTML form submission files.

Demo Read More

slick – Awesome Jquery carousel

The last carousel you’ll ever need

In slick 1.4 you can now add settings using the data-slick attribute. These elements get $.slick called on them automatically if the slick-data attr is present.

Demo Download

jQuery UI MultiSelect Widget

MultiSelect progressively improved control ordinary elegant drop multiple choice list of checkboxes, with styles with ThemeRoller below.

Demo Download

Touch enabled jQuery plugin – Owl Carousel.

Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.


Touch Events
Mouse Slide Events
Fully Customizable
Choose the number of items to be displayed
Multiple Sliders
CSS3 3d Transitions
Custimizable controls
Custom events
Helpful callbacks

Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, Chrome on Google Nexus.

Demo Download

Extensible mootools carousel with dynamic elements addition/removal

Extensible mootools carousel with dynamic elements addition/removal.

It is quite simple to use. a new class Carousel.Extra has been added. it allows you to make your carousel slide automatically. it has every Carousel options/properties plus some specific options which allow you to control the auto slide

Download Demo

scrollReveal.js – plugin for declarative on-scroll reveal animations

scrollReveal.js scroll is a javascript plugin for declarative on- show animations. It is to create and manage simple way Show items that will be triggered when a viewport .

Read More Demo

Client testimonials carousel

The testimonials carousel is a strategic section of a website. It’s a marketing tool, whose message is “this product/service has been used, and it’s good. Trust us!”.

Today we share a responsive and minimal client testimonials box, that can be easily integrated into your design. Besides we considered the scenario where the user wants to see more feedbacks, so we added a button that links to a modal page with more testimonials, with a nice CSS3 transition….

Read More

Slider Pro – jQuery slider plugin

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.

Main features:

  • modular architecture
  • responsive
  • touch-swipe
  • CSS3 transitions
  • animated layers (and static)
  • infinite scrolling
  • carousel layout
  • full width and full window support
  • thumbnails
  • deep linking
  • lazy loading
  • retina-enabled
  • fade effect
  • full-screen support
  • CSS-only navigation controls (no graphics) for easy customization
  • video support
  • conditional images (different images for different screen sizes)
  • JavaScript breakpoints
  • Read More

    How to Make a Digital Clock with jQuery and CSS3

    It all started last week when I saw this pretty dribbble shot. I immediately felt the urge to convert it into a working clock and share it with Tutorialzine’s readers. If you’d like to learn how I made it, read on!

    Read More Demo

    How to Make Auto-Advancing Slideshows

    One of the most requested improvements over the tutorials presented on this site, when it comes to slideshows, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial we are going to make our HTML5 Slideshow auto advance with a few lines of jQuery.

    Read More Demo

    JavaScript Regular Expression Parser & Visualizer

    Regulex is a javascript regular expression parser and visualizer.

    • Written in pure JavaScript. No backend needed.
    • You can embed the graph in you own site through html iframe element.
    • Detailed error message. In most cases it can point out the precise syntax error position.
    • No support for octal escape. Yes it is a feature. ECMAScript strict mode doesn’t support octal escape in string,but many browsers still support octal escape in regex. I make things easier. In regulex, DecimalEscape will always be treated as back reference. If the back reference is invalid, e.g. /\1//(\1)//(a)\2/,or DecimalEscape appears in charset(because in this case it can’t be explained as back reference, e.g. /(ab)[\1]/), Regulex will always throw an error.

    Website Demo

    Custom Drop-Down List Styling

    A tutorial on how to create some custom drop-down lists. We’ll show you five examples with different looking drop-down menus and lists for various purposes.

    Website Demo

    Google Play’s Multi-Level Navigation

    Creating the New Google Play’s Multi-Level Navigation from Scratch.

    Website Demo

    Create Context Menu with jQuery and CSS

    A tutorial about creating good-looking context menu by using jQuery and css.

    Website Demo

    Lightview – The jQuery Lightbox

    Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library.

    By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible.

    Website Demo

    Fresco – Responsive jQuery Lightbox

    Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.


    A jQuery plugin for creating a text box it can auto-complete and pull-down-select.

    Website Demo