Best jQuery Forms Plugins & Tutorials with Demo

jQuery Plugin for MailChimp Forms

jQuery Plugin for MailChimp Forms

This is a jQuery plugin to simplify work with MailChimp forms.

Ideas for Proximity Feedback with Progressive Hover Effects

Ideas for Proximity Feedback with Progressive Hover Effects

Today we’d like to share some subtle proximity feedback ideas with you. We’re exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it. There are several interesting use cases for this kind of effect and today we wanted to showcase some of them.

Multi.js : User-friendly jQuery Select Box

Multi.js : User-friendly jQuery Select Box

Multi.js is a user-friendly replacement for select boxes with the multiple attribute. It has no dependencies, is mobile-friendly, and provides search functionality. multi.js is also easy to style with CSS and optionally supports jQuery.

Password Strength Visualization with JavaScript

Password Strength Visualization with JavaScript

Today we’d like to share a little reimplementation of an interesting effect with you. The idea came from this Reddit entry which describes a method of showing an image less pixelated the stronger the password entered is. You can see the idea in action on the signup page of Colibro. We thought this was an awesome idea and wanted to experiment with it, and also with the reverse logic.

Elastic Range Input with SVG & Anime.js

Elastic Range Input with SVG & Anime.js

In this tutorial we will see how we can simulate the behavior of a range input, with an elegant component. Fancy component to simulate a range input, based on this dribbble shot by Stan Yakusevich.

To code it, we will mainly use SVG to draw the paths, and anime.js to perform the animations.

At.js : Github Like Autocomplete Mentions

At.js : Github Like Autocomplete Mentions

At.js is a autocompletion library to autocomplete mentions, smileys etc. just like on Github!

Bootstrap Multiselection & Searching SelectBox

Bootstrap Multiselection & Searching SelectBox

Bootstrap-select is a jQuery plugin that utilizes Bootstrap’s dropdown.js to style and bring additional functionality to standard select elements.Bring select elements into the 21st century with intuitive multiselection and searching.

Filepond : Flexible JavaScript File Upload Plugin

Filepond : Flexible JavaScript File Upload Plugin

Filepond  is a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

imgedit : jQuery plugin to Edit an Inline Image

imgedit : jQuery plugin to Edit an Inline Image

Imgedit is a small plugin to edit an inline image, what does this plugin do is make an image editable by clicking on it and uploading a new one with a preview (it replaces the original clicked image) then the plugin adds a file input to the target form.

Multi-list : jQuery Multiple Selectable List Plugin

Multi-list : jQuery Multiple Selectable List Plugin

Multi-list is a jQuery plugin to turn an unordered list into a multiple selectable list.