Advertise here

50 Most Popular jQuery Plugins From 2018

WebGL Distortion Slider

May 13, 2018     21450    
WebGL Distortion Slider

A tutorial about creating very cool WebGL Distortion Slider using Three.js for the image transitions and some crude HTML + CSS just to mockup the UI around the background.

Read More »

Dropdown Tree – Dynamic Dropdown Menu with jQuery and Bootstrap

February 27, 2018     1217    
Dropdown Tree – Dynamic Dropdown Menu with jQuery and Bootstrap

Dropdown Tree is a dynamic dropdown menu, based on Bootstrap and jQuery with click handlers, data handlers. You can select single or multi items, and can bind remote data with ajax request.

Read More »

Split Slick Slideshow using CSS and Javascript

January 08, 2018     1071    
Split Slick Slideshow using CSS and Javascript

Split Slick Slideshow is a vertical slideshow in split screen by using CSS and Javascript.

Read More »

basicScroll – Standalone Parallax Scrolling for Mobile & Desktop

February 17, 2018     1034    
basicScroll – Standalone Parallax Scrolling for Mobile & Desktop

basicScroll is a standalone parallax scrolling library with CSS variables inspired by skrollr. basicScroll lets you to change CSS variables depending on the scroll position.

Read More »

Responsive Sticky Slider Navigation

January 09, 2018     1034    
Responsive Sticky Slider Navigation

Navigation bar that sticks as you scroll, animating a slider which indicates the page section you are currently looking at. Written with SCSS, Javascript, and jQuery.

Read More »

Glide.js -JavaScript ES6 slider and carousel

April 10, 2018     800    
Glide.js -JavaScript ES6 slider and carousel

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide, no less.

Read More »

TensorFlow.js – JavaScript Library for Training & Deploying Machine Learning Models

April 01, 2018     794    
TensorFlow.js – JavaScript Library for Training & Deploying Machine Learning Models

TensorFlow.js (tfjs) is a WebGL accelerated, open-source, browser based JavaScript library for training and deploying machine learning (ML) models.

Read More »

ScrollBooster – Content Drag-to-Scroll Library

March 24, 2018     769    
ScrollBooster – Content Drag-to-Scroll Library

ScrollBooster is a lightweight and enjoyable content drag-to-scroll library. It can be used in table, images and any other content.

Read More »

Decorative Letter Animations with Anime.js

January 22, 2018     759    
Decorative Letter Animations with Anime.js

A tutorial about creating some decorative shape and letter animations. Anime.js used for the animations and Charming used for working with the words.

Read More »

Progress Nav – Animated Progress Bar to Highlight Current Section

January 10, 2018     725    
Progress Nav – Animated Progress Bar to Highlight Current Section

Progress Nav is an animated progress bar that highlights sections of a page that are currently in view.

Read More »

Particle Effects for Buttons with Javascript

April 27, 2018     680    
Particle Effects for Buttons with Javascript

A lightweight library that can be used for bursting particles effects for button. The idea is to disintegrate an element into particles and make it disappear (or vice versa).

Read More »

Material Design Expanding Action Button

February 14, 2018     670    
Material Design Expanding Action Button

A nice code snippet about creating material design expanding action button menu by using jQuery and css.

Read More »

Lazy Loading Images and Video Techniques

April 05, 2018     669    
Lazy Loading Images and Video Techniques

Lazy loading is technique that defers loading of non-critical resources at page load time. These non-critical resources are loaded at the moment of need. 

When we lazy load images and video, we reduce initial page load time, initial page weight, and system resource usage, all of which have positive impacts on performance. 

Read More »

TOAST UI Editor – Markdown WYSIWYG Editor

January 23, 2018     669    
TOAST UI Editor –  Markdown WYSIWYG Editor

TOAST UI Editor provides Markdown mode and WYSIWYG mode. The TOAST UI Editor offers Markdown mode and WYSIWYG mode, those can be switched at any time during writing content.

Read More »

Animated Menu Concept with CSS and Javascript

March 16, 2018     656    
Animated Menu Concept with CSS and Javascript

A tutorial about creating cool animated menu concept using CSS and javascript. 

Read More »

Masked Circle Slider

January 15, 2018     647    
Masked Circle Slider

Masked Circle Slider is a slick slider with a nice mask effect by using CSS and javascript.

Read More »

FilePond – Flexible JavaScript File Upload Plugin

March 02, 2018     644    
FilePond –  Flexible JavaScript File Upload Plugin

FilePond is a flexible and fun javascript file upload plugin with beautiful animations, fast uploads with client-side image optimization and smooth user experience.

Read More »

DOM to Image – Generate Image from DOM with HTML5 Canvas

March 24, 2018     635    
DOM to Image – Generate Image from DOM with HTML5 Canvas

dom-to-image is a JavaScript library which can turn arbitrary DOM node into a SVG (vector) or PNG-JPEG (raster) image.

Read More »

layerJS – Javascript UI Composition Framework

May 07, 2018     631    
layerJS – Javascript UI Composition Framework

layerJS is an open source Javascript UI/UX library allowing intuitive, visually intense, mobile app-like experiences for web apps and websites.

Read More »

iFlow – State Management Framework for Javascript

January 30, 2018     630    
iFlow – State Management Framework for Javascript

iFlow is a concise & powerful state management framework, iFlow has no dependencies and it's very small.

Read More »

topbar – Tiny & Beautiful Site-Wide Progress Indicator

January 03, 2018     624    
topbar – Tiny & Beautiful Site-Wide Progress Indicator

topbar is site-wide progress indicator with following features:

  • Tiny (1KB minified and gzipped), no dependency
  • Perfect for single-page/Turbolinks/pjax applications
  • Responsive

Read More »

Slice Slider – Slicey Transition Slider

January 16, 2018     617    
Slice Slider – Slicey Transition Slider

Slice Slider is a little slicey transition slider using a simple add class deal. Supports scrollwheel (scroll jacking), nav buttons and arrow keys.

Read More »

startVal – The Ultimate jQuery Slider

February 11, 2018     601    
startVal – The Ultimate jQuery Slider

startVal is an open source ultimate jQuery slider plugin. It's a lightweight, fast and customizable slider.

Read More »

Scrolling Letters Animation with CSS and Javascript

February 22, 2018     591    
Scrolling Letters Animation with CSS and Javascript

Scrolling Letters Animation is a switching title effect where a fixed text element changes with an animation depending on the scroll position by using CSS and anime.js

Read More »

MasonGram – Add Instagram Feed to Page in Masonry Layout

February 13, 2018     590    
MasonGram – Add Instagram Feed to Page in Masonry Layout

MasonGram is a jQuery plugin to add Instagram feed to a page in masonry layout.

Read More »

Day.js – JavaScript Date Library Alternative to Moment.js

April 25, 2018     564    
Day.js – JavaScript Date Library Alternative to Moment.js

Day.js is a minimalist JavaScript library for modern browsers with a largely Moment.js compatible API.

Read More »

Blotter.js – JavaScript API for Drawing Unconventional Text Effects

February 15, 2018     555    
Blotter.js – JavaScript API for Drawing Unconventional Text Effects

Blotter is a javascript API for drawing unconventional text effects on the web.

Blotter provides a simple interface for building and manipulating text effects that utilize GLSL shaders without requiring that the designer write GLSL.

Read More »

Google JavaScript Style Guide

March 30, 2018     506    
Google JavaScript Style Guide

A tutorialabout Google’s coding standards for source code in the JavaScript programming language. The best stylistic practices for writing clean, understandable code.

Read More »

TOAST UI Chart – Beautiful Statistical Data Visualization Library

March 13, 2018     504    
TOAST UI Chart – Beautiful Statistical Data Visualization Library

TOAST UI Chart is an open source JavaScript library to draw various and essential charts on your web service.

TOAST UI Chart provides many kind of charts as: Bar, Column, Line, Area, Pie, Bubble, Scatter, Map, Heatmap, Treemap, Radial, Boxplot.

Read More »

jQuery table2excel – Export HTML Table to Excel

March 19, 2018     499    
jQuery table2excel – Export HTML Table to Excel

table2excel is a jQuery plugin to export HTML table to Excel Spreadsheet Compatible Files.

Read More »

Slice Revealer – Reveal Effect with Animated Slices

February 06, 2018     485    
Slice Revealer – Reveal Effect with Animated Slices

Slice Revealer is a reveal effect where animated slices cover and uncover an image.

Anime.js for the animations and Intersection Observer API used for triggering the effects on scroll.

Read More »

Bootstrap 4 – The Most Popular HTML, CSS, and JS Library

May 08, 2018     474    
Bootstrap 4 – The Most Popular HTML, CSS, and JS Library

Build responsive, mobile-first projects on the web with the world's most popular front-end component library.

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Read More »

Simple Swipe With Vanilla JavaScript

April 11, 2018     461    
Simple Swipe With Vanilla JavaScript

A tutorial about how to implement a simple swipe gesture in a couple of lines of JavaScript.

Read More »

jQuery Pulsate – Add Pulsating Effect to Elements

January 19, 2018     454    
jQuery Pulsate – Add Pulsating Effect to Elements

jQuery Pulsate adds a pulsating effect to elements. By animating it you can create a pulsating effect that's useful for focussing attention to a certain part of your webpage in a subtle way.

Read More »

JavaScript in 14 Minutes

April 03, 2018     448    
JavaScript in 14 Minutes

An interactive tutorial to learn the basics of JavaScript in 14 minutes.

Read More »

Conditioner – Frizz Free, Context-Aware, JavaScript Modules

April 08, 2018     446    
Conditioner – Frizz Free, Context-Aware, JavaScript Modules

Conditioner provides a straight forward Progressive Enhancement based solution for linking JavaScript modules to DOM elements.

Modules can be linked based on contextual parameters like viewport size and element visibilty making Conditioner your perfect Responsive Design companion.

Read More »

Pico.js – Lightweight JavaScript Face Detection Library

April 20, 2018     445    
Pico.js – Lightweight JavaScript Face Detection Library

pico.js is lightweight face detection library in 200 lines of JavaScript. pico.js has real-time detection capabilities (200+ FPS in a practical setting)

Read More »

VanillaMasker – Pure Javascript Input Masker

February 05, 2018     432    
VanillaMasker – Pure Javascript Input Masker

VanillaMasker is a simple and pure javascript library to mask your input elements. It's a cross-browser and cross-device library.

Read More »

spzoom – Simple jQuery Image Zoomer

February 26, 2018     421    
spzoom – Simple jQuery Image Zoomer

spzoom is a jQuery plugin to create simple hover image zoom. There are some options to custiomize width, height, position, margin of the zoom display area.

Read More »

Brusher – Create Interactive Backgrounds for Webpages

May 16, 2018     421    
Brusher – Create Interactive Backgrounds for Webpages

Brusher is a lightweight javascript library to create interactive backgrounds.

Read More »

Driver.js – JavaScript Engine to Drive Users Focus Across the Page

March 14, 2018     418    
Driver.js – JavaScript Engine to Drive Users Focus Across the Page

Driver.js is lightweight, no-dependency, vanilla JavaScript engine to drive user's focus across the page with animation or without animation.

Read More »

jQuery Time Slider – jQuery Time & Date Selection with Slider

February 25, 2018     410    
jQuery Time Slider –  jQuery Time & Date Selection with Slider

jQuery Time Slider is a jQuery plugin to create sliders with selection of time and date.

Read More »

Ergo Drop Down Menu Control with jQuery

March 17, 2018     394    
Ergo Drop Down Menu Control with jQuery

Ergo Menu is a jQuery dropdown menu plugin that takes a regular UL list and transforms it into either an expanding menu, or standard dropdown menu.

Read More »

Rough.js – Create Graphics with a Hand-Drawn, Sketchy, Appearance

March 22, 2018     387    
Rough.js – Create Graphics with a Hand-Drawn, Sketchy, Appearance

Rough.js is a canvas based, lightweight library that lets you draw in a sketchy, hand-drawn-like, style.

Rough.js defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses.

Read More »

jQuery Source Viewer

January 17, 2018     380    
jQuery Source Viewer

jQuery Source Viewer is an interface that allow you to quickly traverse each method's source.

It allows you to study specific parts of jQuery’s source. You can type in a method name and you’ll see its implementation straight away. It will also linkify all function names within the presented source.

Read More »

Counter Up – jQuery Plugin to Animate Numbers

February 07, 2018     376    
Counter Up – jQuery Plugin to Animate Numbers

Counter Up is a lightweight jQuery plugin that counts up to a targeted number when the number becomes visible.

It supports counting up:

  • integers 12345
  • floats 0.1234
  • formatted numbers 1,234,567.00

Read More »

Curtains.js – WebGL Javascript Library for Interactive Textured Planes

May 17, 2018     376    
Curtains.js – WebGL Javascript Library for Interactive Textured Planes

Curtains.js is a lightweight vanilla WebGL javascript library that turns HTML elements into interactive textured planes.

Read More »

is-thirteen – Check If Number is Equal to 13

March 28, 2018     375    
is-thirteen – Check If Number is Equal to 13

is-thirteen is a javascript library to check if a number is equal to 13.

Read More »

EasyTimer.js – Easy to Use Timer/Chronometer/Countdown Library

February 09, 2018     362    
EasyTimer.js – Easy to Use Timer/Chronometer/Countdown Library

EasyTimer.js is a simple timer/chronometer/countdown library compatible with AMD and NodeJS. 

EasyTimer.js released under the MIT license

Read More »

JS Paint – Classic MS Paint, Revived + Extras

January 18, 2018     362    
JS Paint – Classic MS Paint, Revived + Extras

JS Paint is a nice web-based MS Paint remake and more.

The goal is to remake MS Paint (including its little-known features), improve on it, and to extend the types of images it can edit.

Read More »

AdvertisementAdvertise with us!