This is the first round of my end of the year round up of SomeWhat Creative’s Montly HandPicked Goodies for Designers & Developers roundup, In these type of roundups I like to showing what’s new for Web Designers and Developers. So let cut to the chase, today’s post I will be focusing on all the new, great and wonderful JavaScript & jQuery Plugins that been released during this year.

I would like to say that not every JavaScript &  jQuery Plugins that got featured in each of the monthly roundups will be featured, as the list is huge anyway. So for your ease of reading pleasure I will be splitting the best of the JavaScript &  jQuery Plugins into each months… so lets start.

January

Features.js

feature

Feature.js is a fast, simple and light­weight browser feature detec­tion library. Features has no dependencies and weighs only 1kb minified and gzipped. Feature.js automati­cally initia­lises itself on page load, so you don’t have to. It doesn’t, however, run any tests while ini­tia­lizing, so it will only ever run them when you ask it to. This makes it perform very fast.

Philter

Philter

Philter is a JavaScript plugin for controlling CSS filters with HTML attributes. It also supports hover effects.

Protip

protip

Protip is a jQuery tooltip plugin for any situation. that has 49 positions, live refresh of options, click-activated and sticky tooltips, and more.

February

Whiteboard

whiteboard

Whiteboard makes it easy to write beautiful API documentation. It’s a NodeJS based project inspired by the Ruby-based Slate API documentation tool.

March

Pressure.js

Pressure

Pressure is a JavaScript library that makes dealing with Apple’s Force Touch and 3D Touch simple. Force Touch for new Macs and 3D Touch for the new iPhone 6s and 6s Plus, all bundled under one roof with a simple API that makes working with them painless.

Pressure gives you a handle on browsers that do and don’t support Force or 3D touch so you can have sensible fallbacks for users that don’t support it.

OkayNav

okayNav

The world’s okayest responsive navigation , this navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time.

Draft.js

DraftJS

Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences.Draft.js makes it easy to build any type of rich text input, whether you’re just looking to support a few inline text styles or building a complex text editor for composing long-form articles.In Draft.js, everything is customizable – we provide the building blocks so that you have full control over the user interface.

Bricks.js

BricksJS

Bricks is a blazing fast masonry layout generator for fixed width elements

SpiritJS

spiritJS

SpiritJS lets you easily animate objects on the web. It includes full timeline control, an intuitive UI that’s easy to use, and JSON import and export functions, among other features.

April

FeathersJS

Feathers

Feathers is a minimalist real-time framework for tomorrow’s apps. With Feathers it’s easy to create scalable real-time applications.

Superplaceholder

superplaceholder

superplaceholder.js is a library to bring your input placeholders to life by cycling multiple instructions in a single input placeholder.

May

Turntable.js

turntable

Turntable.js is a responsive jQuery slider that will let you rotate through a list of images as your mouse or finger sweeps across a container. Think of it like a flipbook made with JavaScript, instead of paper and all you need is a set of images, and jQuery.

This jQuery plugin is a fresh alternative to the typical ‘click-to-slide’ JQuery gallery, plus this slider works on mobile!

Chart.js

chart-js

Chart.js is a simple yet flexible JavaScript charting for designers & developers.

Chart.js merges configurations and options in a few places with the global defaults using chart type defaults and scales defaults. This way you can be as specific as you want in your individual chart configs, or change the defaults for Chart.js as a whole.

Chart.js offers support for all browsers where canvas is supported and is open source.

Tribute.js

tribute

A cross-browser @mention engine written in ES6, no dependencies. Tested in Firefox, Chrome, iOS Safari, Safari, IE 9+, Edge 12+, Android 4+, and Windows Phone.

Simplified JavaScript Jargon

SJSJ-Simplified-JavaScript-Jargon

Simplified JavaScript Jargon (short SJSJ) is a community-driven attempt at explaining the loads of buzzwords making the current JavaScript ecosystem in a few simple words. The idea is not to replace individual documentations, but to act as some kind of glossary that can be easily referenced.

June

Bideo.js

Bideo

Bideo.js  is a JS library that makes it super easy to add fullscreen background videos

Anypixel.js

AnyPixelJS

AnyPixel.js is an open-source software and hardware library that makes it possible to use the web to create big, unusual, interactive displays out of all kinds of things. Anyone can fork the code and the schematics to create their own display at any scale.

TimeDropper

Timedropper

timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.

July

Anime.js

anime

Anime (/ˈæn.ə.meɪ/) is a flexible yet lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.

PixiJS v4

pixi-js

The aim of this project is to provide a fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL. Also, it’s fast. Really fast.

Slidebars

slidebars

Slidebars is a jQuery framework for creating app-style off-canvas menus and sidebars.

August

Lightgallery.js

lightgallery

Full featured JavaScript lightbox gallery. No dependencies.

Jets.js

Jets-js

Imagine a situation – your HTML markup renders at backend side, it contains some list of data. At one point you need to implement search by this list. It can be easily achieved by using Jets.js with a browser’s native search speed.

Cleave.js

Cleave-js

Cleave.js has a simple purpose and it’s to help you format input text content automatically.

Scrollanim

Scrollanim

Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere.

Skippr

skippr

Skippr is a lighter, faster slideshow plugin for jQuery.

SuperEmbed.js

SuperEmbed

SuperEmbed.js detects YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more embedded videos on webpages and makes them responsive. Essentially, this means they strech to fill their container while still maintaining the original aspect ratio.

September

In-View.js

in-view

Get notified when a DOM element enters or exits the viewport.

Grade.js

grade

This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images.

October

Waud

waud-js

Waud is a simple and powerful web audio library that allows you to go beyond HTML5’s <audio> tag and easily take advantage of Web Audio API.

Baffle.js

baffle

A tiny (~1.8kb) javascript library for obfuscating and revealing text in DOM elements.

ViewScroller

view-scroller-js

Improve your websites using fullpage scrolling

Choreographer JS

choreographer-js

A simple library to take care of complex CSS animations.

Reframe.js

reframe

Reframe.js is a javascript plugin that makes unresponsive elements responsive.

November

PurpleJS

purplejs

PurpleJS is a JavaScript application framework running on the Java Virtual Machine. Combine the power of Java and your existing investments with the simplicity of JavaScript. PurpleJS is an alternative to Node.js for Java projects.

BuyButton.js

buybutton

BuyButton.js is a powerful, flexible, and easy to use. With only a few lines of code, you can retrieve and display information about products and collections, create an interactive shopping cart, and connect to Shopify’s secure checkout.

EGJS

egjs

egjs is a set of UI interactions, effects and utilities components library

Shave

shave

Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set max-height. It then stores the diff of the original text string in a hidden <span> element following the visible text. This means the original text remains intact!

December

Turbo.js

turbojs

turbo.js is a small library that makes it easier to perform complex calculations that can be done in parallel. The actual calculation performed (the kernel executed) uses the GPU for execution. This enables you to work on an array of values all at once.

Labelauty

labelauty-jquery-plugin

A nice and lightweight jQuery plugin that gives beauty to checkboxes and radio buttons and allows custom labels for each status of (un)checked inputs.

Huebee

huebee

Huebee is a JavaScript library for creating user-centric color pickers. Huebee displays a limited set of colors so users view all colors at a glance, make clear decisions, and select a color with a single click.

Share

The Best HandPicked Goodies from 2016: JavaScript & jQuery Plugins Edition