Today I’ve compiled this list of some useful js plugins that may come in handy for your next project. I’ve tried to limit this list to focus quality, rather than a massive list of low-quality useless plugins. There are some real gems in here. Hope you enjoy!
Hook.js
Hook.js is a simple jQuery based plugin that brings classic “Pull to Refresh” functionality from mobile to the web.
scrollReveal.js
scrollReveal.js is a simple way to create and maintain how elements fade in, triggered when they enter the viewport on scroll.
CLNDR.js
CLNDR.js is a jQuery plugin for creating calendars. Unlike most calendar plugins, this one doesn’t generate markup. Instead you provide an Underscore.js HTML template and in return CLNDR gives you a wealth of data to use within it.
FlowType.JS
FlowType.js is based on the premise that type is more legible when there are between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size—and subsequently the line-height—based on a specific element’s width.
One Page Scroll
OnePageScroll is a simple and easy to use plugin for creating single-page scrolling websites.
Sir Trevor
Sir Trevor provides a means to transform a text input into a rich content editor that’s been re-imagined for the web and includes, images, videos, text, drop-and-drag functionality and much more.
Offline.js
Offline.js is a library to automatically alert your users when they’ve lost internet connectivity (like Gmail).
fit.js
Fit.js is designed for one single thing – fitting things into other things.
Adaptive Backgrounds
Adaptive Backgrounds is a jQuery plugin for extracting dominant colors from images and applying them to parent elements.
NProgress.js
NProgress is a simple plugin for adding nanoscopic loading progress bars with realistic trickle animations inspired by Google, YouTube, and Medium.
Odometer
Odometer is a Javascript and CSS library for smoothly transitioning numbers to create odometer style transitions.
Scrolld.js
Scrolld.js is JavasScript based plugin for creating single page layouts with scroll to id functionality.
DynaTable
DynaTable is a jQuery and JSON based plugin for creating interactive tables, graphs lists and much more.
Parallax.js
Parallax.js is a simple plugin that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.
Headroom.js
Headroom.js is jQuery plugin that hides fixed headers until they are needed buy the user (scroll up).
Snap.svg (Snap.js)
Snap.svg is jQuery plugin for manipulating and painting SVG into the DOM. Probably the best jQuery based plugin for SVG work.
Impress.js
Impress.js is jQuery plugin that uses animations to create interactive web presentations.
Chart.js
Chart.js is a plugin for creating object oriented client side graphs for designers and developers.
alertify.js
Alertify (github) is small library for presenting beautiful dialog windows and notifications. It is easy to customize with CSS, has a simple API and doesn’t depend on third party libraries.
Kerning.js
Kerning.js gives you control over your typography kerning, Pantone colors, size adjustment and much more.
DropZone.js
DropZone.js is JS plugin for creating simple “drag n drop” uploads with image previews.
FullPage.js
FullPage.js is a jQuery plugin for creating stunning fullscreen scrolling websites as if they were slides. You can move vertically and horizontally inside the pages clicking on the icons or using the arrows of your keyboard.
Pace
Pace is a simple plugin for adding different loading styles for web pages including OSX, YouTube, Flash and lots more.
Medium Editor
MediumEditor is a clone of medium.com inline editor toolbar written using vanilla JavaScript (no additional frameworks required).
Super Scroll Orama
A bit of silly name I know, but a great plugin. As the name implies, Super Scroll Orama is plugin for creating a number of differing scrolling transitions, like fading, sliding, parallax, spin, scale and lots more.
gmaps.js
Gmaps.js allows you to use the potential of Google Maps in a simple way, real simple. No more extensive documentation or large amount of code.
Tooltipster
A powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS. It’s tooltips for hipsters.
List.js
List.js allows you to add more functionality and interactivity to your lists – like custom sorting, search, filters and lots more.
Fancy Input
Fancy Input is a plugin for creating input fields that animate as the user types. At the moment there are five different animation effects.
Long Press
Long Press is an awesome plugin which allows multi-language input-text support by holding the key down, which opens a UI to choose glyphs with special accents.
TABSLET
Tabslet is yet another jQuery plugin for tabs, is compatible with IE7+, Chrome, Firefox, Safari and jQuery 1.8.1, 1.9.1, 1.10.1, 2.0.2. and supports custom events, rotation, animation and controls.
Which of these plugins are you going to try on your next project? Do you know of any others that are useful? Let us know in the comments.
0 comments:
Post a Comment