joshuapekera
6/2/2015 - 2:06 PM

Great Javascript Libraries

Great Javascript Libraries

Javascript-Stars

My stared javascript libraries. Inspired by awesome-python.


Animation

  • velocity - Accelerated JavaScript animation
  • snabbt.js - Fast animations with javascript and CSS transforms
  • impulse - Dynamic Physics Interactions for the Mobile Web
  • bounce.js - Create beautiful CSS3 powered animations in no time
  • rebound-js - Spring dynamics in JavaScript
  • jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery
  • motorcortexjs - web animations made easy
  • stroll.js - CSS3 list scroll effects

Carousel

  • OwlCarousel - Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
  • rollerblade - A jQuery plugin for creating an interactive 360º image rotator.
  • strip - Strip - A Less Intrusive Responsive Lightbox
  • PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent

Component

  • card - make your credit card form better in one line of code
  • list.js - The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.
  • side-comments - An interface component to give your site/app Medium.com style commenting
  • typeahead.js - typeahead.js is a fast and fully-featured autocomplete library
  • awesomplete - Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
  • brick - UI Web Components for Modern Web Apps
  • perfect-scrollbar - Minimalistic but perfect custom scrollbar plugin
  • gmaps - the easiest way to use Google Maps

Data

  • defiant.js - DefiantJS provides the ability for you to build smart templates applicable on JSON structures, based upon proven & standardized technologies such as XSLT and XPath.
  • pourover - A library for simple, fast filtering and sorting of large collections in the browser
  • Clusterize.js - Tiny vanilla JS plugin to display large data sets easily
  • tableExport.jquery.plugin - "table2JSON", "table2XML", "table2PNG","table2CSV","table2Excel","table2Word","table2Powerpoint","table2txt","table2PDF"
  • excellentexport - Javascript export to Excel
  • PapaParse - Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input
  • localForage - Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.

Drag&Drop

  • dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
  • sharedrop - HTML5 clone of Apple's AirDrop - easy P2P file transfer powered by WebRTC
  • dragula - :helicopter: Drag and drop so simple it hurts
  • Sortable - Sortable — is a minimalist JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React and any CSS library, e.g. Bootstrap.
  • interact.js - JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+)

Editor

  • create - Midgard Create, a generic web editing interface for any CMS
  • quill - A cross browser rich text editor with an API
  • blockly - The web-based visual programming editor.
  • At.js - Add Github like mentions autocomplete to your application.
  • write-good - Naive linter for English prose

Effect

  • Waves - Click effect inspired by Google's Material Design
  • shine.js - A library for pretty shadows
  • textillate - A simple plugin for CSS3 text animations
  • fancyInput - Makes typing in input fields fun with CSS3 effects
  • parallax - Parallax Engine that reacts to the orientation of a smart device
  • Fluidbox - Replicating and improving the lightbox module seen on Medium with fluid transitions.
  • trianglify - Algorithmically generated low-poly triangle backgrounds
  • rainyday.js - Simulating raindrops falling on a window
  • rainbow - Simple syntax highlighting library written in javascript
  • randomColor - A tiny script for generating attractive random colors
  • Adaptive Backgrounds - A jQuery plugin for extracting the dominant color from images and applying the color to their parent.

Framework

  • famous - Famo.us is a JavaScript platform for everyone who wants to build beautiful experiences on any device
  • anijs - A Library to Raise your Web Design without Coding
  • uilang - A minimal, UI-focused programming language for web designers
  • tessera - A dashboard front-end for graphite.
  • toolkit - A front-end UI toolkit built with HTML5, CSS3, jQuery, Sass and Gulp.
  • winjs - A UI toolkit for modern browsers
  • polymer - Leverage the future of the web platform today
  • starter-kit - Google Web Starter Kit (Beta)

Guide

  • intro.js - A better way for new feature introduction and step-by-step users guide for your website and project.
  • chardin.js - Simple overlay instructions for your apps
  • shepherd - Guide your users through a tour of your app #hubspot-open-source

HTML5

  • svg.js - A lightweight library for manipulating and animating SVG
  • Snap.svg - The JavaScript library for modern SVG graphics.
  • fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
  • CamanJS - Javascript HTML5 (Ca)nvas (Man)ipulation
  • matter-js - a 2D rigid body physics engine for the web
  • HTML-GL - Get as many FPS as you need and amazing effects by rendering HTML/CSS in WebGL

Interaction

  • mousetrap - Simple library for handling keyboard shortcuts in Javascript
  • Keypress - A keyboard input capturing utility in which any key can be a modifier key.
  • instantclick - InstantClick makes following links in your website instant.
  • annyang - A javascript library for adding voice commands to your site, using speech recognition.
  • togetherjs - A service for your website that makes it surprisingly easy to collaborate in real-time.

Layout

  • headroom.js - Give your pages some headroom. Hide your header until you need it
  • midnight.js - A jQuery plugin to switch fixed headers on the fly
  • fullPage.js - fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
  • onepage-scroll - Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin
  • gridster.js - gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
  • fit.js - Fit things into other things
  • SimpleStateManager - A responsive state manager which allows you to run different javascript at different browser widths
  • holder - Client-side image placeholders.

Math

  • mathjs - An extensive math library for JavaScript and Node.js
  • decimal.js - An arbitrary-precision Decimal type for JavaScript
  • javascript-state-machine - A finite state machine javascript micro framework
  • brain - Neural networks in JavaScript
  • fantasy-land - Specification for interoperability of common algebraic structures in JavaScript

Media

  • popcorn-js - The HTML5 Media Framework
  • video.js - Video.js - open source HTML5 & Flash video player
  • plyr - A simple HTML5 media player
  • SoundManager2 - A JavaScript Sound API supporting MP3, MPEG4 and HTML5 audio + RTMP, providing reliable cross-browser/platform audio control in as little as 11 KB. BSD licensed.
  • jquery_lazyload - jQuery plugin for lazy loading images

Mobile

  • reapp - Reapp - next gen hybrid apps
  • hammer.js - A javascript library for multi-touch gestures :// You can touch this
  • skrollr - Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love).
  • Swiper - Most modern mobile touch slider with hardware accelerated transitions
  • slideout - A touch slideout navigation menu for your mobile web apps.
  • Leaflet - JavaScript library for mobile-friendly interactive maps

Notification

  • alertify.js - JavaScript Alert/Notification System
  • sweetalert - A beautiful replacement for JavaScript's "alert"
  • pnotify - JavaScript notifications for Bootstrap, jQuery UI, and the Web Notifications Draft.
  • favico.js - Make use of your favicon with badges, images or videos

Optimization

  • fast.js - Faster user-land reimplementations for several common builtin native JavaScript functions.
  • virtual-dom - A Virtual DOM and diffing algorithm
  • sprint - A tiny, lightning fast jQuery-like library for modern browsers.

Presentation

  • reveal.js - The HTML Presentation Framework
  • Sequence - Responsive animation framework for creating unique sliders, presentations, banners, and other step-based applications.
  • hyhyhy - A tool for creating nice looking HTML5 presentations. :trollface:
  • bespoke.js - DIY Presentation Micro-Framework
  • TimelineJS - TimelineJS: A Storytelling Timeline built in JavaScript

Popovers

  • qTip2 - qTip2 - Pretty powerful tooltips
  • jBox - jBox is a powerful and flexible jQuery plugin, taking care of all your popup windows, tooltips, notices and more.
  • toolbar - A tooltip style toolbar jQuery plugin
  • drop - A library for creating dropdowns and other floating elements. #hubspot-open-source
  • Pikaday - A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS

Progress

  • pace - Automatically add a progress bar to your site. #hubspot-open-source
  • SpinKit - A collection of loading indicators animated with CSS
  • Fort.js - Modern progress bar for form completion
  • progressbar.js - Beautiful and responsive progress bars

Scroll

  • steady.js - A module to do some logic on the onscroll event without performance regressions in a @media-query like conditions.
  • waypoints - Waypoints is a library that makes it easy to execute a function whenever you scroll to an element.
  • scrollReveal.js - Easily reveal elements as they enter the viewport
  • WOW - Reveal CSS animation as you scroll down a page
  • ScrollMagic - The javascript library for magical scroll interactions
  • space.js - A HTML-driven JavaScript-library for narrative 3D-scrolling.
  • scrollup - A jQuery plugin to create a customisable 'Scroll to top' feature that will work with any website
  • Parallax-ImageScroll - JQuery and amd compatible plugin to create a parallax effect as seen at spotify.com

Test

  • jasmine - DOM-less simple JavaScript testing framework
  • jest - Painless JavaScript Unit Testing built on top of the Jasmine test framework
  • Vorlonjs - A new, open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io
  • perfmap - Front-end performance heatmap bookmarklet.

Visualization

  • Chart.js - Simple HTML5 Charts using the canvas tag
  • echarts - Enterprise Charts | Github pages
  • c3 - A D3-based reusable chart library
  • d3plus - A javascript library that extends D3.js to enable fast and beautiful visualizations.
  • metrics-graphics - A library optimized for concise, principled data graphics and layouts.
  • vis - Dynamic, browser-based visualization library
  • kartograph.js - Open source JavaScript renderer for Kartograph SVG maps
  • p5.js - A JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing
  • timesheet.js - JavaScript library for HTML5 & CSS3 time sheets
  • regulex - JavaScript Regular Expression Parser & Visualizer.
  • mermaid - Generation of diagram and flowchart from text in a similar manner as markdown
  • raw - The missing link between spreadsheets and vector graphics
  • charted - A charting tool that produces automatic, shareable charts from any data file

Utils

  • date - Date() for humans
  • JSVerbalExpressions - JavaScript Regular expressions made easy
  • 101 - A modern JS utility library
  • is.js - Micro check library
  • boba.js - Need those links tracked? "As you wish."
  • Respond - A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
  • enquire.js - Awesome Media Queries in JavaScript
  • outdated-browser - A simple tool to identify and upgrade old browsers
  • hello.js - A Javascript RESTFUL API library for connecting with OAuth2 services, such as Google+ API, Facebook Graph and Windows Live Connect
  • ouibounce - Increase your landing page conversion rates
  • ocrad.js - OCR in Javascript via Emscripten

Style Guide

Sample Code

Reference

  • WebFundamentals - Best practices for modern web development
  • jstutorial - Javascript tutorial book
  • You-Dont-Know-JS - A book series on JavaScript. @YDKJS on twitter.
  • Front-end-Developer-Interview-Questions - A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.
  • js-must-watch - Must-watch videos about javascript
  • frontend-dev-bookmarks - A huge list of frontend development resources I collected over time. Sorted from general knowledge at the top to concrete problems at the bottom.
  • frontend-stuff - A continuously expanded list of framework/libraries and tools I used/want to use when building things on the web. Mostly Javascript stuff.
  • awesome-javascript - A collection of awesome browser-side JavaScript libraries, resources and shiny things.
  • awesome-svg - A curated list of SVG.