100+ Best jQuery Plugin & Tutorial of February 2017

Caleran : jQuery Date Range Picker

Caleran : jQuery Date Range Picker

Caleran is a Date Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.

Features:

  • Option to hide specific parts of the instance
  • Mobile friendly (both portrait and landscape layouts are supported)
  • Support for predefined ranges
  • Can be shown as an inline control
  • Wide localization support (Available languages)
  • Can also be used as a single date picker
  • Sass template included
  • Grunt file included

BunnyJS : Browser ES6 framework with JavaScript

BunnyJS : Browser ES6 framework with JavaScript

BunnyJS is a modern Vanilla JS and ES6 library and next-generation front-end framework, package of small stand-alone components without dependencies.

  • No dependencies – can be used in any project anywhere anytime
  • 0 learning curve – you can start right now, just plain JavaScript with simple architecture easy to maintain and extend
  • Designed in mind to build modern, complicated, real world business apps
  • Faster, simpler, enjoyable than any frontend framework
  • Large set of ready components, custom UI elements and utils

First Person Sunglasses with CSS & JavaScript

First Person Sunglasses with CSS & JavaScript

Today we’d like to share a fun little experiment with you: a geeky “try-on” sunglasses effect. It’s not a “try-on” in the classical sense for previewing how the sunglasses might look on a person, but instead how the view looks like when putting on some sunglasses and looking through them. For that we use a simple overlay effect and some animations to mimic the movement you do when you try on glasses from the first person perspective.

SkipOnTab : jQuery Tab order Plugin

SkipOnTab : jQuery Tab order Plugin

A jQuery plugin to exempt selected form fields from the forward tab order.This library is most useful when the users are familiar with the form, and uses it regularly. Casual users may not feel as comfortable – then again, if they are already using the tab button, they might see it as an optimization.

  • exempt selected fields from the forward tab order.
  • include excluded fields in the reverse tab order.

Chatbot : Simple Chat bot in JavaScript

Chatbot : Simple Chat bot in JavaScript

A simple chat bot in JavaScript with links to smart conversational APIs such as WebKnox (all purpose question answering), spoonacular (food related conversations), and DuckDuckGo Instant Answers (mostly entities like movies, people, and places).

InfiniteRPS : Simple Browser Game with jQuery & HTML5 Canvas

InfiniteRPS : Simple Browser Game with jQuery & HTML5 Canvas

Simple browser game built with JS, jQuery and HTML5 Canvas. A simple sidescrolling RPS game that pits you, a shape shifter, against an infinite amount of rocks, pieces of paper, and pairs of scissors. Shift into the correct form to defeat your foes! Levels become progressively more difficult as the number of enemies and the speed at which they approach increases.

P2.js : JavaScript 2D physics library

P2.js : JavaScript 2D physics library

2D rigid body physics engine written in JavaScript. Includes collision detection, contacts, friction, restitution, motors, springs, advanced constraints and various shape types.

Responsive Timeline for WordPress

Responsive Timeline for Wordpress

Build a simple, interactive, historical timeline with RT TIMELINE.

Features:

  • Unlimited timeline for in post or page
  • Show images like slider or thumbnail slider
  • 6 different style
  • 76 different animation effect
  • Alignment(Left/Center/Right) option in every style

Vue 3D Carousel for Vue.js

Vue 3D Carousel for Vue.js

Vue Carousel 3D – Beautiful, flexible and touch supported 3D Carousel for Vue.js

Dragarrange : jQuery plugin to Arrange/Order DOM elements

Dragarrange : jQuery plugin to Arrange/Order DOM elements

A Basic jQuery library to arrange/order DOM elements by dragging.This plugin doesn’t require any CSS change, just call the function on elements you want to be arranged, and you are done.