Javascript Libraries

A collection of awesome browser-side [JavaScript] libraries, resources and cool stuffs. Hand-curated by me usually from GitHub Trending repositories and from the inter-webs.

• Package Managers

• Loaders

• Bundlers

• Testing Frameworks

• QA Tools

• MVC Frameworks and Libraries

• Node-Powered CMS Frameworks

• Templating Engines

• Articles/Posts

• Data Visualization

  • Timeline

  • Spreadsheet

• Editors

• Documentation

• Utilities

  • Files

  • Functional Programming

  • Reactive Programming

  • Data Structure

  • Date

  • String

  • Number

  • Storage

  • Color

  • I18n And L10n

  • Control Flow

  • Routing

  • Security

  • Log

  • RegExp

  • Media

  • Voice Command

  • API

  • Streaming

  • Vision Detection

  • Browser Detection

  • Benchmark

  • Machine Learning

• UI

  • Code Highlighting

  • Loading Status

  • Validation

  • Keyboard Wrappers

  • Tours And Guides

  • Notifications

  • Sliders

  • Range Sliders

  • Form Widgets

  • Tips

  • Modals and Popups

  • Scroll

  • Menu

  • Table/Grid

  • Frameworks

  • Boilerplates

• Gesture

• Maps

• Typography

• Animations

• Image processing

• ES6

• SDK

• Misc

• Podcasts

• Worth Reading

Package Managers

Host the javascript libraries and provide tools for fetching and packaging them.

• npm - npm is the package manager for javascript.

• yarn - Fast, reliable, and secure dependency management.

• Bower - A package manager for the web.

Loaders

Module or loading system for JavaScript.

• RequireJS - A file and module loader for JavaScript.

• browserify - Browser-side require() the node.js way.

• systemjs - AMD, CJS & ES6 spec-compliant module loader.

Bundlers

• browserify - Browserify lets you require('modules') in the browser by bundling up all of your dependencies.

• webpack - Packs CommonJs/AMD modules for the browser.

• Rollup - Next-generation ES6 module bundler.

• Parcel - Blazing fast, zero configuration web application bundler.

Testing Frameworks

Frameworks

• cypress - A complete end-to-end testing experience.

• mocha - Simple, flexible, fun javascript test framework for node.js & the browser.

• jasmine - DOM-less simple JavaScript testing framework.

• qunit - An easy-to-use JavaScript Unit Testing framework.

• jest - Painless Javascript Unit Testing.

• tape - Tap-producing test harness for node and browsers.

• ava - 🚀 Futuristic JavaScript test runner

Assertion

• chai - BDD / TDD assertion framework for node.js and the browser that can be paired with any testing framework.

• Enzyme - Enzyme is a JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output.

• Sinon.JS - Test spies, stubs, and mocks for JavaScript.

• expect.js - Minimalistic BDD-style assertions for Node.JS and the browser.

Coverage

• istanbul - Yet another JS code coverage tool.

• blanket - A simple code coverage library for javascript. Designed to be easy to install and use, for both browser and nodejs.

• JSCover - JSCover is a tool that measures code coverage for JavaScript programs.

Runner

• phantomjs - Scriptable Headless WebKit.

• karma - Spectacular Test Runner for JavaScript.

• nightwatch - UI automated testing framework based on node.js and selenium webdriver.

QA Tools

• prettier - Prettier is an opinionated code formatter.

• JSHint - JSHint is a tool that helps to detect errors and potential problems in your JavaScript code.

• jscs - JavaScript Code Style checker.

• jsfmt - For formatting, searching, and rewriting JavaScript.

• jsinspect - Detect copy-pasted and structurally similar code.

• ESLint - A fully pluggable tool for identifying and reporting on patterns in JavaScript.

• JSLint - High-standards, strict & opinionated code quality tool, aiming to keep only good parts of the language.

• JavaScript Standard Style - Opinionated, no-configuration style guide, style checker, and formatter

MVC Frameworks and Libraries

• jquery - Makes things like HTML document traversal and manipulation, event handling, and Ajax much simpler.

• react - A library for building user interfaces. It's declarative, efficient, and extremely flexible. Works with a Virtual DOM.

• backbone - Give your JS App some Backbone with Models, Views, Collections, and Events.

• ember.js - A JavaScript framework for creating ambitious web applications.

• meteor - An ultra-simple, database-everywhere, data-on-the-wire, pure-Javascript web framework.

• angular.js - HTML enhanced for web apps.

• vue - Intuitive, fast & composable MVVM for building interactive interfaces.

• knockout - Knockout makes it easier to create rich, responsive UIs with JavaScript.

• canjs - Can do JS, better, faster, easier.

• hyperapp - 1kb JavaScript library for building frontend applications.

• preact - Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.

• nativescript - Build truly native cross-platform iOS and Android apps with JavaScript

• react-native - A framework for building native apps with React.

• riot - React-like library, but with very small size.

• thorax - Strengthening your Backbone.

• chaplin - An architecture for JavaScript applications using the Backbone.js library.

• marionette - A composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications.

• derby - MVC framework making it easy to write realtime, collaborative applications that run in both Node.js and browsers.

• mithril.js - Mithril is a client-side MVC framework (Light-weight, Robust, Fast).

• feathers - A minimalist real-time JavaScript framework for tomorrow's apps.

Node-Powered CMS Frameworks

• KeystoneJS - powerful CMS and web app framework

• Reaction Commerce - reactive CMS, real-time architecture and design

• Ghost - simple, powerful publishing platform

• Nodizecms - CMS for CoffeeScript lovers

• PencilBlue - CMS and blogging platform

Templating Engines

Templating engines allow you to perform string interpolation.

• mustache.js - Minimal templating with in JavaScript.

• handlebars.js - An extension to the Mustache templating language.

• hogan.js - A compiler for the Mustache templating language.

• dustjs - Asynchronous templates for the browser and node.js.

• JavaScript-Templates - < 1KB lightweight, fast & powerful JavaScript templating engine with zero dependencies.

• Pug - Robust, elegant, feature rich template engine for nodejs. (formerly known as Jade)

• EJS - Effective JavaScript templating.

• marko - A fast, lightweight, HTML-based templating engine for Node.js and the browser with async, streaming, custom tags and CommonJS modules as compiled output.

• swig - A simple, powerful, and extendable Node.js and browser-based JavaScript template engine.

Articles and Posts

• The JavaScript that you should know - Article about concepts of JavaScript Functional.

• How JavaScript works - A series of articles about the building blocks of JavaScript.

Data Visualization

Data visualization tools for the web.

• d3 - A JavaScript visualization library for HTML and SVG.

  • metrics-graphics - A library optimized for concise, principled data graphics and layouts.

• pykcharts.js - Well designed d3.js charting without the complexity of d3.js.

• three.js - JavaScript 3D library.

• Chart.js - Simple HTML5 Charts using the tag.

• paper.js - The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas.

• raphael - JavaScript Vector Library.

• vega - A visualization grammar.

• processing.js - Processing.js makes your data visualizations work using web standards and without any plug-ins

• morris.js - Pretty time-series line graphs.

• nvd3 - Build re-usable charts and chart components for d3.js

• svg.js - A lightweight library for manipulating and animating SVG.

• heatmap.js - JavaScript Library for HTML5 canvas based heatmaps.

• jquery.sparkline - A plugin for the jQuery javascript library to generate small sparkline charts directly in the browser.

• chartist-js - Simple responsive charts.

There're also some great commercial libraries, like amchart, anychart, plotly, and highchart.

Timeline

• TimelineJS v3 - A Storytelling Timeline built in JavaScript.

• timesheet.js - JavaScript library for simple HTML5 & CSS3 time sheets.

Spreadsheet

• HANDSONTABLE - Handsontable is a JavaScript/HTML5 Spreadsheet Library for Developers

Editors

• ace - Ace (Ajax.org Cloud9 Editor).

• CodeMirror - In-browser code editor.

• esprima - ECMAScript parsing infrastructure for multipurpose analysis.

• quill - A cross browser rich text editor with an API.

• medium-editor - Medium.com WYSIWYG editor clone.

• pen - enjoy live editing (+markdown).

• ckeditor-releases - The best web text editor for everyone.

• TinyMCE - The JavaScript Rich Text editor.

• trix - A rich text editor for everyday writing. By Basecamp.

• Draft.js - A React framework for building text editors.

• wysihtml5 - Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

Documentation

• DevDocs is an all-in-one API documentation reader with a fast, organized, and consistent interface.

• ESDoc is a good documentation generator for JavaScript.

• sphinx a tool that makes it easy to create intelligent and beautiful documentation

• Using JSDoc

• documentation.js - API documentation generator with support for ES2015+ and flow annotation.

Files

Libraries for working with files.

• Papa Parse - A powerful CSV library that supports parsing CSV files/strings and also exporting to CSV.

• jBinary - High-level I/O (loading, parsing, manipulating, serializing, saving) for binary files with declarative syntax for describing file types and data structures.

• diff2html - Git diff output parser and pretty HTML generator.

• jsPDF - JavaScript PDF generation.

Functional Programming

Functional programming libraries to extend JavaScript’s capabilities.

• underscore - JavaScript's utility _ belt.

• lodash - A utility library delivering consistency, customization, performance, & extras.

• ramda - A practical functional library for Javascript programmers.

Reactive Programming

Reactive programming libraries to extend JavaScript’s capabilities.

• RxJs - The Reactive Extensions for JavaScript.

• Bacon - FRP (functional reactive programming) library for Javascript.

• Highland - Re-thinking the JavaScript utility belt, Highland manages synchronous and asynchronous code easily, using nothing more than standard JavaScript and Node-like Streams.

• MobX - TFRP library for simple, scalable state management.

• Cycle.js - A functional and reactive JavaScript library for cleaner code.

Data Structure

Data structure libraries to build a more sophisticated application.

• immutable-js - Immutable Data Collections including Sequence, Range, Repeat, Map, OrderedMap, Set and a sparse Vector.

Date

Date Libraries.

• moment - Parse, validate, manipulate, and display dates in javascript.

• moment-timezone - Timezone support for moment.js.

• date-fns - Modern JavaScript date utility library.

String

String Libraries.

• voca - The ultimate JavaScript string library

• selecting - A library that allows you to access the text selected by the user

• underscore.string - String manipulation extensions for Underscore.js javascript library.

• string.js - Extra JavaScript string methods.

• he - A robust HTML entity encoder/decoder written in JavaScript.

• multiline - Multiline strings in JavaScript.

• query-string - Parse and stringify URL query strings.

• URI.js - Javascript URL mutation library.

• jsurl - Lightweight URL manipulation with JavaScript.

• sprintf.js - A sprintf implementation.

• url-pattern - Easier than regex string matching patterns for urls and other strings. Turn strings into data or data into strings

Number

• Numeral-js - A javascript library for formatting and manipulating numbers.

• chance.js - Random generator helper in Javascript. Can generate numbers, strings etc.

• odometer - Smoothly transitions numbers with ease.

• accounting.js - A lightweight JavaScript library for number, money and currency formatting - fully localisable, zero dependencies.

• money.js - A tiny (1kb) javascript currency conversion library, for web & nodeJS.

• Fraction.js - A rational number library for JavaScript

• Complex.js - A complex number library for JavaScript

• Polynomial.js - A polynomials library for JavaScript

Storage

• store.js - LocalStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage, and userData behavior under the hood.

• localForage - Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.

• jStorage - jStorage is a simple key/value database to store data on browser side.

• cross-storage - Cross domain local storage, with permissions.

• basket.js - A script and resource loader for caching & loading scripts with localStorage.

• bag.js - A caching script and resource loader, similar to basket.js, but with additional k/v interface and localStorage / websql / indexedDB support.

• basil.js - The missing Javascript smart persistent layer.

• js-cookie - A simple, lightweight JavaScript API for handling browser cookies

• Cookies - JavaScript Client-Side Cookie Manipulation Library.

• DB.js - Promise based IndexDB Wrapper library

• lawnchair.js - Simple client-side JSON storage.

• sql.js - SQLite compiled to JavaScript through Emscripten.

Color

• randomColor - A color generator for JavaScript.

• chroma.js - JavaScript library for all kinds of color manipulations.

• color - JavaScript color conversion and manipulation library.

• colors - Smarter defaults for colors on the web.

• Vibrant.js - Extract prominent colors from an image.

I18n And L10n

Localization (l10n) and internationalization (i18n) JavaScript libraries.

• i18next - internationalisation (i18n) with javascript the easy way.

• polyglot - tiny i18n helper library.

• babelfish - i18n with human friendly API and built in plurals support.

Control Flow

• async - Async utilities for node and the browser.

• q - A tool for making and composing asynchronous promises in JavaScript.

• step - An async control-flow library that makes stepping through logic easy.

• contra - Asynchronous flow control with a functional taste to it.

• Bluebird - fully featured promise library with focus on innovative features and performance.

• when - A solid, fast Promises/A+ and when() implementation, plus other async goodies.

Routing

• react router - Declarative routing for React.

• director - A tiny and isomorphic URL router for JavaScript.

• page.js - Micro client-side router inspired by the Express router (~1200 bytes).

Security

• DOMPurify - A DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.

• js-xss - Sanitize untrusted HTML (to prevent XSS) with a configuration specified by a Whitelist.

• xss-filters - Secure XSS Filters by Yahoo

Log

• log - Console.log with style.

• Conzole - A debug panel built in javascript that wraps javascript native console object methods and functionality in a panel displayed inside the page.

• console.log-wrapper - Log to the console in any browser with clarity.

• loglevel - Minimal lightweight logging for JavaScript, adding reliable log level methods to wrap any available console.log methods.

• minilog – Lightweight client & server-side logging with Stream-API backends

• storyboard - Universal logging library + Chrome extension; it lets you see all client and server tasks triggered by a user action in a single place.

RegExp

• RegEx101 - Online regex tester and debugger for JavaScript. Also supports Python, PHP and PCRE.

• RegExr - HTML/JS based tool for creating, testing, and learning about Regular Expressions.

• RegExpBuilder - Create regular expressions using chained methods.

Voice Command

• annyang - A JavaScript library for adding voice commands to your site, using speech recognition.

• voix.js - A JavaScript library to add voice commands to your sites, apps or games.

API

• bottleneck - A powerful rate limiter that makes throttling easy.

• oauth-signature-js - JavaScript OAuth 1.0a signature generator for node and the browser.

• amygdala - RESTful HTTP client for JavaScript powered web applications.

Streaming

• Tailor - Streaming layout service for front-end microservices, inspired by Facebook's BigPipe.

Vision Detection

• tracking.js - A modern approach for Computer Vision on the web.

• ocrad.js - OCR in Javascript via Emscripten.

Machine Learning

• deeplearn.js - A hardware-accelerated machine intelligence library for the web.

• TensorFlow.js - A JavaScript library for training and deploying ML models in the browser and on Node.js.

• ConvNetJS - Deep Learning in Javascript. Train Convolutional Neural Networks (or ordinary ones) in your browser.

• DN2A - Digital Neural Networks Architecture.

• Brain.js - Neural networks in JavaScript.

• Synaptic.js - Architecture-free neural network library for node.js and the browser.

Browser Detection

• bowser - a browser detector

Benchmark

• benchmark.js - A benchmarking library. As used on jsPerf.com.

• matcha - A caffeine driven, simplistic approach to benchmarking.

Code highlighting

• Highlight.js - Javascript syntax highlighter.

• PrismJS - Lightweight, robust, elegant syntax highlighting.

Loading Status

Libraries for indicate load status.

• Mprogress.js - Create Google Material Design progress linear bars.

• NProgress - Slim progress bars for Ajax'y applications.

• Spin.js - A spinning activity indicator.

• progress.js - Create and manage progress bar for every objects on the page.

• progressbar.js - Beautiful and responsive progress bars with animated SVG paths.

• pace - Automatically add a progress bar to your site.

• topbar - Tiny & beautiful site-wide progress indicator.

• nanobar - Very lightweight progress bars. No jQuery.

• PageLoadingEffects - Modern ways of revealing new content using SVG animations.

• SpinKit - A collection of loading indicators animated with CSS.

• Ladda - Buttons with built-in loading indicators.

• css-loaders - A collection of loading spinners animated with CSS

Besides libraries, there're Collection on Codepen, and generators like Ajaxload, Preloaders and CSSLoad.

Validation

• Parsley.js - Validate your forms, frontend, without writing a single line of javascript.

• jquery-validation - jQuery Validation Plugin.

• validator.js - String validation and sanitization.

• validate.js - Lightweight JavaScript form validation library inspired by CodeIgniter.

• validatr - Cross Browser HTML5 Form Validation.

• FormValidation - The best jQuery plugin to validate form fields. Formerly BootstrapValidator.

• is.js - Check types, regexps, presence, time and more.

• FieldVal - multipurpose validation library. Supports both sync and async validation.

Keyboard Wrappers

• mousetrap - Simple library for handling keyboard shortcuts in Javascript.

• keymaster - A simple micro-library for defining and dispatching keyboard shortcuts.

• Keypress - A keyboard input capturing utility in which any key can be a modifier key.

• KeyboardJS - A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.

• jquery.hotkeys - jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.

• jwerty - Awesome handling of keyboard events.

Tours And Guides

• intro.js - A better way for new feature introduction and step-by-step users guide for your website and project.

• shepherd - Guide your users through a tour of your app.

• bootstrap-tour - Quick and easy product tours with Twitter Bootstrap Popovers.

• tourist - Simple, flexible tours for your app.

• chardin.js - Simple overlay instructions for your apps.

• pageguide - An interactive guide for web page elements using jQuery and CSS3.

• hopscotch - A framework to make it easy for developers to add product tours to their pages.

• joyride - jQuery feature tour plugin.

• focusable - Set a spotlight focus on DOM element adding a overlay layer to the rest of the page.

Notifications

• iziToast - Elegant, responsive, flexible and lightweight notification plugin with no dependencies.

• messenger - Growl-style alerts and messages for your app.

• noty - jQuery notification plugin.

• pnotify - JavaScript notifications for Bootstrap, jQuery UI, and the Web Notifications Draft.

• toastr - Simple javascript toast notifications.

• humane-js - A simple, modern, browser notification system.

• smoke.js - Framework-agnostic styled alert system for javascript.

• notie - Simple notifications and inputs with no dependencies.

Sliders

• Swiper - Mobile touch slider and framework with hardware accelerated transitions.

• slick - The last carousel you'll ever need.

• slidesJs - Is a ressponsive slideshow plug-in for JQuery(1.7.1+) with features like touch and CSS3 transitions

• FlexSlider - An awesome, fully responsive jQuery slider plugin.

• unslider - The simplest jQuery slider there is.

• sly - JavaScript library for one-directional scrolling with item based navigation support.

• vegas - A jQuery plugin to add beautiful fullscreen backgrounds to your webpages. It even allows Slideshows.

• Sequence - CSS animation framework for creating responsive sliders, presentations, banners, and other step-based applications.

• reveal.js - A framework for easily creating beautiful presentations using HTML.

• impress.js - It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

• bespoke.js - DIY Presentation Micro-Framework

• Strut - Strut - An Impress.js and Bespoke.js Presentation Editor

• PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent.

• slidr - add some slide effects.

• Flickity - Touch, responsive, flickable galleries.

• Glide.js - Responsive and touch-friendly jQuery slider. It's simple, lightweight and fast.

Range Sliders

• Ion.RangeSlider - Powerful and easily customizable range slider with many options and skin support.

• jQRangeSlider - A javascript slider selector that supports dates.

• noUiSlider - A lightweight, highly customizable range slider without bloat.

• rangeslider.js - HTML5 input range slider element polyfill.

Form Widgets

Input

• typeahead.js - A fast and fully-featured autocomplete library.

• tag-it - A jQuery UI plugin to handle multi-tag fields as well as tag suggestions/autocomplete.

• At.js - Add Github like mentions autocomplete to your application.

• Placeholders.js - A JavaScript polyfill for the HTML5 placeholder attribute.

• vanilla-masker - A pure javascript mask input.

• awesomplete - Ultra lightweight, usable, beautiful autocomplete with zero dependencies. - http://leaverou.github.io/awesomplete/

Calendar

• pickadate.js - The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

• bootstrap-datepicker - A datepicker for @twitter bootstrap forked from Stefan Petre's (of eyecon.ro), improvements by @eternicode.

• Pikaday - A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS.

• fullcalendar - Full-sized drag & drop event calendar (jQuery plugin).

• rome - A customizable date (and time) picker. Dependency free, opt-in UI.

• datedropper - datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields.

Select

• selectize.js - Selectize is the hybrid of a textbox and select box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

• select2 - a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

• chosen - A library for making long, unwieldy select boxes more friendly.

File Uploader

• jQuery-File-Upload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery.

• dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

• flow.js - A JavaScript library providing multiple simultaneous, stable, fault-tolerant and resumable/restartable file uploads via the HTML5 File API.

• fine-uploader - Multiple file upload plugin with progress-bar, drag-and-drop, direct-to-S3 uploading.

• FileAPI - A set of javascript tools for working with files. Multiupload, drag'n'drop and chunked file upload. Images: crop, resize and auto orientation by EXIF.

• plupload - A JavaScript API for dealing with file uploads it supports features like multiple file selection, file type filtering, request chunking, client side image scaling and it uses different runtimes to achieve this such as HTML 5, Silverlight and Flash.

Other

• form - jQuery Form Plugin.

• Garlic.js - Automatically persist your forms' text and select field values locally, until the form is submitted.

• Countable - A JavaScript function to add live paragraph-, word- and character-counting to an HTML element.

• card - Make your credit card form better in one line of code.

• stretchy - Form element autosizing, the way it should be.

Tips

• tipsy - Facebook-style tooltips plugin for jQuery.

• opentip - An open source javascript tooltip based on the prototype framework.

• qTip2 - Pretty powerful tooltips.

• tooltipster - A jQuery tooltip plugin.

• simptip - A simple CSS tooltip made with Sass.

• jquery-popup-overlay - jQuery plugin for responsive and accessible modal windows and tooltips.

• toolbar - A tooltip style toolbar jQuery plugin

• hint.css - A tooltip library in CSS for your lovely websites.

Modals and Popups

• Magnific-Popup - Light and responsive lightbox script with focus on performance.

• jquery-popbox - jQuery PopBox UI Element.

• jquery.avgrund.js - A jQuery plugin with new modal concept for popups.

• vex - A modern dialog library which is highly configurable and easy to style.

• bootstrap-modal - Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.

• css-modal - A modal built out of pure CSS.

• jquery-popup-overlay - jQuery plugin for responsive and accessible modal windows and tooltips.

• SweetAlert - An awesome replacement for JavaScript's alert.

• baguetteBox.js - Simple and easy to use lightbox script written in pure JavaScript.

• colorbox - A light-weight, customizable lightbox plugin for jQuery.

• fancyBox - A tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.

• swipebox - A touchable jQuery lightbox

• jBox - jBox is a powerful and flexible jQuery plugin, taking care of all your popup windows, tooltips, notices and more.

Scroll

• scrollMonitor - A simple and fast API to monitor elements as you scroll.

• headroom - Give your pages some headroom. Hide your header until you need it.

• onepage-scroll - Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin.

• iscroll - iScroll is a high performance, small footprint, dependency free, multi-platform javascript scroller.

• skrollr - Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery.

• parallax - Parallax Engine that reacts to the orientation of a smart device.

• stellar.js - Parallax scrolling made easy.

• plax - jQuery powered parallaxing.

• jparallax - jQuery plugin for creating interactive parallax effect.

• fullPage - A simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites).

• ScrollMenu - A new interface to replace old boring scrollbar.

• Clusterize.js - Tiny vanilla JS plugin to display large data sets easily.

Menu

• jQuery-menu-aim - jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.

• jQuery contextMenu - contextMenu manager.

• Slideout - A responsive touch slideout navigation menu for mobile web apps.

• Slide and swipe - A sliding swipe menu that works with touchSwipe library.

Table/Grid

• jTable - A jQuery plugin to create AJAX based CRUD tables.

• DataTables - (jQuery plug-in) It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

• floatThead - (jQuery plug-in) lock any table's header while scrolling within the body. Works on any table and requires no custom html or css.

• Masonry - A cascading grid layout library.

• Packery - A grid layout library that uses a bin-packing algorithm. Useable for draggable layouts.

• Isotope - A filterable, sortable, grid layout library. Can implement Masonry, Packery, and other layouts.

• flexboxgrid - Grid based on CSS3 flexbox

Frameworks

• Semantic UI - UI Kit with lots of themes and elements

• w2ui - A set of jQuery plugins for front-end development of data-driven web applications.

• fluidity - The worlds smallest fully-responsive css framework

• Ink - An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping

Boilerplates

• html5-boilerplate - A professional front-end template for building fast, robust, and adaptable web apps or sites.

• mobile-boilerplate - A front-end template that helps you build fast, modern mobile web apps.

• this-is-responsive - This Is Responsive

• npm run-scripts Task automation with NPM run-scripts.

Gesture

• hammer.js - A javascript library for multi-touch gestures.

• touchemulator - Emulate touch input on your desktop.

• Dragula - Drag and drop so simple it hurts

Maps

• Leaflet - JavaScript library for mobile-friendly interactive maps.

• Cesium - Open Source WebGL virtual globe and map engine.

• gmaps - The easiest way to use Google Maps.

• polymaps - A free JavaScript library for making dynamic, interactive maps in modern web browsers.

• kartograph.js - Open source JavaScript renderer for Kartograph SVG maps.

• mapbox.js - Mapbox JavaScript API, a Leaflet Plugin.

• jqvmap - jQuery Vector Map Library.

• OpenLayers3 - A high-performance, feature-packed library for all your mapping needs.

Video/Audio

• prettyembed.js - Prettier embeds for your YouTubes - with nice options like high-res preview images, advanced customization of embed options, and optional FitVids support.

• html5media - Enables <video> and <audio> tags in all major browsers. https://html5media.info/

• Play-em JS - Play'em is a javascript component that manages a music/video track queue and plays a sequence of songs by embedding several players in a HTML DIV including Youtube, Soundcloud and Vimeo.

• polyplayer - Rule YouTube, Soundcloud and Vimeo player with one API

• flowplayer - The HTML5 video player for the web

  https://flowplayer.org/

• mediaelement - HTML5 <audio> or <video> player with Flash and Silverlight shims that mimics the HTML5 MediaElement API, enabling a consistent UI in all browsers. http://mediaelementjs.com/

• SoundJS - A library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers.

• video.js - Video.js - open source HTML5 & Flash video player

• FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

• Ion.Sound - Simple sounds on any web page

• photobooth-js - A widget that allows users to take their avatar pictures on your site

• clappr - An extensible media player for the web http://clappr.io

Typography

• FlowType.JS - Web typography at its finest: font-size and line-height based on element width.

• BigText - jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.

• circletype - A jQuery plugin that lets you curve type on the web

• slabText - A jQuery plugin for producing big, bold & responsive headlines

• simple-text-rotator - Add a super simple rotating text to your website with little to no markup

• novacancy.js - Text Neon Golden effect jQuery plug-in.

• jquery-responsive-text - Make your text sizing responsive!

• FitText.js - A jQuery plugin for inflating web type

• Lettering.js - A lightweight, easy to use Javascript <span> injector for radical Web Typography

Animations

• velocity - Accelerated JavaScript animation.

• jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery.

• impress.js - Make Prezi-like presentations with CSS3 transformations/transitions in an HTML document.

• bounce.js - Create tasty CSS3 powered animations in no time.

• GreenSock-JS - High-performance HTML5 animations that work in all major browsers.

• TransitionEnd - TransitionEnd is an agnostic and cross-browser library to work with transitionend event.

• Dynamic.js - Javascript library to create physics-based CSS animations.

• the-cube - The Cube is an experiment with CSS3 transitions.

• Effeckt.css - A Performant Transitions and Animations Library

• animate.css - A cross-browser library of CSS animations. As easy to use as an easy thing.

• textillate - A simple plugin for CSS3 text animations

• move.js - CSS3 backed JavaScript animation framework

• animatable - One property, two values, endless possiblities

• shuffle-images - The Simplest Way to shuffle through images in a Creative Way http://www.thepetedesign.com/demos/shuffle-images_demo.html

• smoothState.js - Unobtrusive page transitions with jQuery. http://smoothstate.com/

Image Processing

• lena.js - A Library for image processing with filters and util functions.

• pica - High quality image resize (with fast Lanczos filter, implemented in pure JS).

• cropper - A simple jQuery image cropping plugin.

ES6

• es6features - Overview of ECMAScript 6 features.

• es6-features - ECMAScript 6: Feature Overview & Comparison.

• es6-cheatsheet - ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets.

• ECMAScript 6 compatibility table - Compatibility tables for all ECMAScript 6 features on a variety of environments.

• Babel (Formerly 6to5) - Turn ES6+ code into vanilla ES5 with no runtime.

• Traceur compiler - ES6 features > ES5. Includes classes, generators, promises, destructuring patterns, default parameters & more.

SDK

• javascript-sdk-design - Javascript SDK design guide extracted from work and personal experience

• Spotify SDK - Entity oriented SDK to work with the Spotify Web API.

Misc

• echo - Lazy-loading images with data-* attributes.

• picturefill - A responsive image polyfill for <picture>, srcset, sizes.

• platform.js - A platform detection library that works on nearly all JavaScript platforms.

• json3 - A modern JSON implementation compatible with nearly all JavaScript platforms.

• Logical Or Not - A game about JavaScript specificities.

• BitSet.js - A JavaScript Bit-Vector implementation

• spoiler-alert - SPOILER ALERT! A happy little jquery plugin to hide spoilers on your site.

• jquery.vibrate.js - Vibration API Wrappers

• list.js - Adds search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.

  http://www.listjs.com

• mixitup - MixItUp - A Filter & Sort Plugin

• grid - Drag and drop library for two-dimensional, resizable and responsive lists.

• jquery-match-height - a responsive equal heights plugin for jQuery.

• survey.js - JavaScript Survey Engine. It uses JSON for survey metadata and results. http://surveyjs.org/

• Array Explorer and Object Explorer - Resources to help figure out what native JavaScript method would be best to use at any given time

Podcasts

• JavaScript Air - The live video broadcast podcast all about JavaScript and the Web platform.

• Web of Tomorrow - Podcast about JavaScript for beginners.

• Javascript Jabber - A weekly podcast about JavaScript, including Node.js, Front-End Technologies, Careers, Teams and more.

Worth Reading

• YDKJS - You Don't Know JS (book series).

• Superhero.js - A collection of resources about creating, testing and maintaining a large JavaScript code base.

• SJSJ - Simplified JavaScript Jargon is a community-driven attempt at explaining the loads of buzzwords making the current JavaScript ecosystem in a few simple words.

• How to Write an Open Source JavaScript Library - A comprehensive guide through a set of steps to publish a JavaScript open source library.

• JavaScript tutorial - Learn Javascript online from a diverse range of user ranked online tutorials.

Credits

This content uses Open Source components. You can find the original author's content of their open source projects along with license information below. We acknowledge and are grateful to these developers for their contributions to open source.

Author: cedrickchee Content: Creative Commons Attribution 4.0 International License License MIT