2016 Revisited: Best Resources for Web Developers – Plugins, Tools and Solutions

One of the easiest ways to add to your website some outstanding features is to find and apply a proper plugin.

For example, there is a ton of sites out there that leverage dynamic effects for giving each section a pleasant entrance. To obtain the same result, you can opt for an AOS plugin that stands for “Animation On Scrolling.” It has a bunch of tiny effects in its arsenal. Simply add necessary classes to the desired “div” and your interface will get a subtle touch of dynamics and user experience a lovely cutting-edge feel. If you need a parallax that is still popular these days, then there is a great solution called Parallax.js or Jump.js. The same goes to incorporating little enhancements like enjoyable pop-up modal windows, rich tooltips or full-screen videos: there are time-tested methods to adopt. Even such things as duotone effect, particles animation, or responsive navigation can be worked into your project just with several simple manipulations. You do not even need to get to the bottom of the technique – just enjoy its benefits; plugin with its carefully encapsulated functionality will do all the heavy lifting. In one word, there is a solution to any problem all you have to do is to search a little. Though, of course, in some cases, these searches may be pretty exhaustive.

To save you from such unfortunate outcomes, each year we assemble a list of 100 useful plugins from different areas that give you a freedom of maneuver and let you introduce the desired improvements to the interface. This year is no exception, and we have prepared a collection of free plugins that may assist you in adding dynamic effects, creating animations, applying CSS-based filters to images, and much more.

AniJS


Creator: dariel_noel.
License: MIT.

Bideo


Creator: Rishabh
License: MIT.

AOS


Creator: Michal Sajnóg
License: MIT.

Jump.js


Creator: Michael Cavalea
License: MIT.

Bonsai


Creator: David Aurelio
License: MIT.

Mo.js


Creator: Oleg Solomka
License: MIT.

Snabbt


Creator: Daniel Lundin
License: MIT.

Philter


Creator: Liudas Dzisevicius
License: MIT.

CSSFilter


Creator: Indrashish Ghosh
License: MIT.

CSSGram


Creator: Una Kravets
License: MIT.

Materialize


Creator: Alan Chang
License: MIT.

Grapes.js


Creator: Artur Arseniev
License: BSD 3-clause.

Descartes


Creator: Jon H.M. Chan
License: MIT.

Absurd.js


Creator: Krasimir Tsonev
License: Read the License.

Picnic CSS


Creator: Francisco Presencia
License: MIT.

Intense Image Viewer


Creator: Tim Holman
License: MIT.

Zingtouch


Creator: Zingchart
License: MIT.

Loud Links


Creator: Mahdi.
License: See the LICENSE file for license rights and limitations (MIT).

jQuery FormBuilder


Creator: Kevin Chappell
License: MIT.

Snap.js


Creator: jakiestfu
License: MIT.

Dynamics.js


Creator: Michael Villar
License: MIT.

Create.js


Creator: Grant Skinner
License: MIT.

Grade.js


Creator: Ben Howdle
License: MIT.

Umbrella.js


Creator: Francisco Presencia
License: MIT.

Modal


Creator: Humaan
License: MIT.

Mobile Editing


Creator: Ben Pines
License: Declared as Free, no proper license given.

Blend


Creator: Colin Keany
License: Declared as Free, no proper license given.

Free CSS Generator


Creator: simplecss.eu
License: Declared as Free, no proper license given.

FormLinter


Creator: thoughtbot inc.
License: Declared as Free, no proper license given.

LostGrid


Creator: Peter Ramsing
License: MIT.

Bootstrap 4 Classes List Reference


Creator: Bootstrap Creative LLC
License: Declared as Free, no proper license given.

Headroom.js


Creator: Jeferson Koslowski
License: MIT.

PaymentFont


Creator: Alexander Manfred Pöllmann.
License: MIT and SIL OFL 1.1.

DIV Table Generator


Creator: wwweeebbb
License: Declared as Free, no proper license given.

Hammer.js


Creator: Alexander Schmitz, Chris Thoburn, Jorik Tangelder
License: Declared as Free, no proper license given.

Kute.js


Creator: dnp_theme
License: MIT.

Cleave.js


Creator: Max Huang
License: Apache License Version 2.0.

Numeral.js


Creator: Adam Draper
License: MIT.

PatternsLib


Creator: Cornelis G. A. Kolbach
License: Read the License.

AlloyFinger


Creator: dntzhang
License: MIT.

In-view.js


Creator: Cam Wiegert
License: MIT.

Choreographer.js


Creator: Christine Cha
License: MIT.

Zenmix.io


Creator: Logan Nickleson
License: Non-commercial use.

Coverr


Creator: CodersClan and Veed.Me teams
License: CC0 1.0 Universal.

Granim.js


Creator: Benjamin Blonde
License: MIT.

Plottable.js



Creator: Palantir Technologies.
License: MIT.

Eg.js


Creator: YongWoo Jeon
License: MIT.

Shave


Creator: Dollar Shave Club Engineering.
License: Declared as Free, no proper license given.

CSSNano


Creator: Ben Briggs
License: MIT.

Useful.ly


Creator: Tim Moreton Jr
License: MIT.

JsPsych


Creator: Josh de Leeuw
License: MIT.

TableFilter


Creator: koalyptus
License: MIT.

Blueprint


Creator: Palantir Technologies
License: BSD.

McGriddle


Creator: Jonathan Suh
License: MIT.

Choo


Creator: Yoshua Wuyts
License: MIT.

Cesium


Creator: Analytical Graphics, Inc. (AGI) and Bentley Systems.
License: Declared as Free, no proper license given.

Huebee


Creator: Metafizzy
License: open-source, commercial, and OEM.

Textpression


Creator: Takeshi Takahashi
License: Declared as Free, no proper license given.

Timeline.js


Creator: KnightLab
License: Mozilla Public License Version 2.0.

Brick.js


Creator: Michael Cavalea
License: MIT.

CSSCo


Creator: Lauren Waller
License: MIT.

Particles.js


Creator: Vincent Garreau
License: MIT.

okayNav jQuery Plugin


Creator: VPenkov
License: MIT.

List.js


Creator: Jonny Strömberg
License: MIT.

Balloon.css


Creator: Claudio Holanda
License: MIT.

Tasty CSS-animated hamburgers


Creator: Jonathan Suh
License: MIT.

Imagehover.css


Creator: Ciaran Walsh
License: MIT.

Aleut.css


Creator: Knut Melvær
License: Declared as Free, no proper license given.

GRD


Creator: Shogo Sensui
License: MIT.

Rich.css


Creator: Richardson Dackam and numerous contributors
License: MIT.

Bricklayer


Creator: Adem Ilter
License: Read the License.

SweetAlert 2


Creator: Limon Monte
License: MIT.

Feature.js


Creator: Viljami Salminen
License: MIT.

Isomer


Creator: Jordan Scales
License: MIT.

Stage.js


Creator: Ali Shakiba
License: MIT.

Circles


Creator: Lugo Labs
License: MIT.

Progress.js


Creator: Afshin Mehrabani
License: Read the License.

Turntable.js


Creator: Polar Notion
License: Declared as Free, no proper license given.

Flexbox Patterns


Creator: CJ Cenizal
License: Declared as Free, no proper license given.

Blaze.css


Creator: Greg
License: MIT.

Push.js


Creator: Tyler Nickerson
License: MIT.

Wait!Animate


Creator: Will Stone
License: MIT.

Simple Grid


Creator: Zach Cole
License: MIT.

Flexbox Grid


Creator: Kristofer Joseph
License: Apache License, Version 2.0.

Force.js


Creator: René Tanczos
License: MIT.

Driveway


Creator: jhey tompkins
License: MIT.

Timesheet.js


Creator: Sebastian Müller
License: MIT.

Epoch


Creator: Ryan Sandor Richards and contributors
License: MIT.

Vis.js


Creator: Almende B.V.
License: Apache 2.0 and MIT.

Responsive Nav


Creator: Viljami Salminen
License: MIT.

Popper.js


Creator: Federico Zivolo & Contributors
License: MIT.

Sly


Creator: darsain
License: MIT.

Family.scss


Creator: Patrik Affentranger
License: MIT.

Image Hover Effects


Creator: Michael Young
License: MIT.

Starability.css


Creator: Anna Migas
License: MIT.

Repaintless.css


Creator: Anna Migas
License: MIT.

Timedropper


Creator: Felice Gattuso
License: MIT License, CC BY 4.0.

Progress Bar.js


Creator: Kimmo Brunfeldt
License: MIT.

Tabslet


Creator: Dimitris Krestos
License: Apache License.

Cutestrap


Creator: Tyler Childs
License: MIT.

Nataly Birch

Nataly is an internet entrepreneur and an amateur web designer and developer from Sevastopol, Ukraine. She is running a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unveils the secrets of the world and plays volleyball.

Visit her blog or follow her on twitter

Leave a Reply

1 Comment on "2016 Revisited: Best Resources for Web Developers – Plugins, Tools and Solutions"

Notify of
avatar
Sort by:   newest | oldest | most voted
Intrango
Guest

Wow what a collection of tools. People do not like to read these days. They like to sit and watch. Therefore, these tools are going to be the most important tools in near future if you need to reduce the bounce rate of your website.

wpDiscuz