awesome-awesomeness/html/javascript.md2.html

<h1 id="awesome-javascript-awesome">Awesome JavaScript <a
href="https://github.com/sorrycc/awesome-javascript/"><img
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
alt="Awesome" /></a></h1>
<p>A collection of awesome browser-side <a
href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript</a>
libraries, resources and shiny things.</p>
<ul>
<li><a href="#awesome-javascript">Awesome JavaScript</a>
<ul>
<li><a href="#package-managers">Package Managers</a></li>
<li><a href="#component-management">Component management</a></li>
<li><a href="#loaders">Loaders</a></li>
<li><a href="#transpilers">Transpilers</a></li>
<li><a href="#bundlers">Bundlers</a></li>
<li><a href="#minimizers">Minimizers</a></li>
<li><a href="#type-checkers">Type Checkers</a></li>
<li><a href="#testing-frameworks">Testing Frameworks</a></li>
<li><a href="#qa-tools">QA Tools</a></li>
<li><a href="#mvc-frameworks-and-libraries">MVC Frameworks and
Libraries</a></li>
<li><a href="#node-powered-cms-frameworks">Node-Powered CMS
Frameworks</a></li>
<li><a href="#templating-engines">Templating Engines</a></li>
<li><a href="#game-engines">Game Engines</a></li>
<li><a href="#articles-and-posts">Articles/Posts</a></li>
<li><a href="#data-visualization">Data Visualization</a>
<ul>
<li><a href="#timeline">Timeline</a></li>
<li><a href="#spreadsheet">Spreadsheet</a></li>
</ul></li>
<li><a href="#editors">Editors</a></li>
<li><a href="#documentation">Documentation</a></li>
<li>Utilities
<ul>
<li><a href="#files">Files</a></li>
<li><a href="#functional-programming">Functional Programming</a></li>
<li><a href="#reactive-programming">Reactive Programming</a></li>
<li><a href="#data-structure">Data Structure</a></li>
<li><a href="#date">Date</a></li>
<li><a href="#string">String</a></li>
<li><a href="#number">Number</a></li>
<li><a href="#storage">Storage</a></li>
<li><a href="#color">Color</a></li>
<li><a href="#i18n-and-l10n">I18n And L10n</a></li>
<li><a href="#control-flow">Control Flow</a></li>
<li><a href="#routing">Routing</a></li>
<li><a href="#security">Security</a></li>
<li><a href="#log">Log</a></li>
<li><a href="#regexp">RegExp</a></li>
<li><a href="#videoaudio">Media</a></li>
<li><a href="#voice-command">Voice Command</a></li>
<li><a href="#api">API</a></li>
<li><a href="#streaming">Streaming</a></li>
<li><a href="#vision-detection">Vision Detection</a></li>
<li><a href="#browser-detection">Browser Detection</a></li>
<li><a href="#operating-system">Operating System</a></li>
<li><a href="#benchmark">Benchmark</a></li>
<li><a href="#machine-learning">Machine Learning</a></li>
<li><a href="#web-worker">Web Worker</a></li>
</ul></li>
<li>UI
<ul>
<li><a href="#code-highlighting">Code Highlighting</a></li>
<li><a href="#loading-status">Loading Status</a></li>
<li><a href="#validation">Validation</a></li>
<li><a href="#keyboard-wrappers">Keyboard Wrappers</a></li>
<li><a href="#tours-and-guides">Tours And Guides</a></li>
<li><a href="#notifications">Notifications</a></li>
<li><a href="#sliders">Sliders</a></li>
<li><a href="#range-sliders">Range Sliders</a></li>
<li><a href="#form-widgets">Form Widgets</a></li>
<li><a href="#tips">Tips</a></li>
<li><a href="#modals-and-popups">Modals and Popups</a></li>
<li><a href="#scroll">Scroll</a></li>
<li><a href="#menu">Menu</a></li>
<li><a href="#tablegrid">Table/Grid</a></li>
<li><a href="#frameworks-1">Frameworks</a></li>
<li><a href="#boilerplates">Boilerplates</a></li>
<li><a href="#image">Image</a></li>
</ul></li>
<li><a href="#gesture">Gesture</a></li>
<li><a href="#maps">Maps</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#animations">Animations</a></li>
<li><a href="#image-processing">Image processing</a></li>
<li><a href="#es6">ES6</a></li>
<li><a href="#generators">Generators</a></li>
<li><a href="#full-text-search">Full Text Search</a></li>
<li><a href="#sdk">SDK</a></li>
<li><a href="#orm">ORM</a></li>
<li><a href="#websockets">WebSockets</a></li>
<li><a href="#misc">Misc</a></li>
</ul></li>
<li><a href="#worth-reading">Worth Reading</a></li>
<li><a href="#other-awesome-lists">Other Awesome Lists</a></li>
<li><a href="#contributing">Contributing</a></li>
</ul>
<hr />
<h2 id="package-managers">Package Managers</h2>
<p><em>Host the JavaScript libraries and provide tools for fetching and
packaging them.</em></p>
<ul>
<li><a href="https://www.npmjs.com/">npm</a> - npm is the package
manager for JavaScript.</li>
<li><a href="https://github.com/bower/bower">Bower</a> - A package
manager for the web.</li>
<li><a href="https://github.com/componentjs/component">component</a> -
Client package management for building better web applications.</li>
<li><a href="https://github.com/spmjs/spm">spm</a> - Brand new static
package manager.</li>
<li><a href="https://github.com/caolan/jam">jam</a> - A package manager
using a browser-focused and RequireJS compatible repository.</li>
<li><a href="https://github.com/jspm/jspm-cli">jspm</a> - Frictionless
browser package management.</li>
<li><a href="https://github.com/ender-js/Ender">Ender</a> - The
no-library library.</li>
<li><a href="https://github.com/volojs/volo">volo</a> - Create front end
projects from templates, add dependencies, and automate the resulting
projects.</li>
<li><a href="https://github.com/duojs/duo">Duo</a> - Next-generation
package manager that blends the best ideas from Component, Browserify
and Go to make organizing and writing front-end code quick and
painless.</li>
<li><a href="https://yarnpkg.com/">yarn</a> - Fast, reliable, and secure
dependency management.</li>
<li><a href="https://pnpm.io/">pnpm</a> - Fast, disk space efficient
package manager.</li>
</ul>
<h2 id="component-management">Component Management</h2>
<ul>
<li><a href="https://github.com/teambit/bit">Bit</a> - Create, find and
reuse components (React, Angular, Node etc.) across applications.</li>
</ul>
<h2 id="loaders">Loaders</h2>
<p><em>Module or loading system for JavaScript.</em></p>
<ul>
<li><a href="https://github.com/requirejs/requirejs">RequireJS</a> - A
file and module loader for JavaScript.</li>
<li><a href="https://github.com/substack/node-browserify">browserify</a>
- Browser-side require() the node.js way.</li>
<li><a href="https://github.com/seajs/seajs">SeaJS</a> - A Module Loader
for the Web.</li>
<li><a href="https://github.com/headjs/headjs">HeadJS</a> - The only
script in your HEAD.</li>
<li><a href="https://github.com/rgrove/lazyload/">lazyload</a> - Tiny,
dependency-free async JavaScript and CSS loader.</li>
<li><a href="https://github.com/ded/script.js">script.js</a> -
Asynchronous JavaScript loader and dependency manager.</li>
<li><a href="https://github.com/systemjs/systemjs">systemjs</a> - AMD,
CJS &amp; ES6 spec-compliant module loader.</li>
<li><a href="https://github.com/yanhaijing/lodjs">LodJS</a> - Module
loader based on AMD.</li>
<li><a href="https://github.com/ecomfe/esl">ESL</a> - Module loader
browser first, support lazy define and AMD.</li>
<li><a href="https://github.com/lrsjng/modulejs">modulejs</a> -
Lightweight JavaScript module system.</li>
</ul>
<h2 id="transpilers">Transpilers</h2>
<p><em>Software that converts the modern JavaScript syntax into the
older JavaScript syntax.</em></p>
<ul>
<li><a href="https://swc.rs/">SWC</a> - Extensible Rust-based platform
for compilation.</li>
</ul>
<h2 id="bundlers">Bundlers</h2>
<ul>
<li><a href="https://github.com/webpack/webpack">webpack</a> - Packs
CommonJs/AMD modules for the browser.</li>
<li><a href="https://github.com/rollup/rollup">Rollup</a> -
Next-generation ES6 module bundler.</li>
<li><a href="https://github.com/brunch/brunch">Brunch</a> - Fast
front-end web app build tool with simple declarative config.</li>
<li><a href="https://github.com/parcel-bundler/parcel">Parcel</a> -
Blazing fast, zero configuration web application bundler.</li>
<li><a href="https://github.com/developit/microbundle">Microbundle</a> -
Zero-configuration bundler for tiny modules.</li>
<li><a href="https://github.com/fuse-box/fuse-box">FuseBox</a> - A
bundler that does it right</li>
<li><a href="https://www.snowpack.dev/">Snowpack</a> - A lightning-fast
frontend build tool, designed for the modern web.</li>
<li><a href="https://bundle.js.org">bundle</a> - A quick online npm
package size checker.</li>
<li><a href="https://vite.dev/">Vite</a> - Next Generation Frontend
Tooling.</li>
</ul>
<h1 id="minimizers">Minimizers</h1>
<ul>
<li><a href="https://github.com/terser/terser">Terser</a> - parser,
mangler and compressor toolkit for ES6+</li>
<li><a href="https://github.com/mishoo/UglifyJS">Uglify</a> - parser /
mangler / compressor / beautifier toolkit</li>
</ul>
<h2 id="type-checkers">Type Checkers</h2>
<ul>
<li><a href="https://www.typescriptlang.org/">TypeScript</a> - A typed
superset of JavaScript that compiles to plain JavaScript.</li>
<li><a href="https://flow.org/">Flow.js</a> - A static type checker for
JavaScript from Facebook.</li>
<li><a href="https://hegel.js.org/">Hegel</a> - A static type checker
for JavaScript with a bias on type inference an strong type system.</li>
<li><a href="https://github.com/getify/TypL">TypL</a> - the JavaScript
Type Linter with a bias on type inference.</li>
<li><a href="https://github.com/xodio/hm-def">Hindley Milner
Definitions</a> - runtime type checking for JavaScript functions using
Haskell-alike Hindley Milner type signatures.</li>
<li><a href="https://github.com/colinhacks/zod">Zod</a> -
TypeScript-first schema validation with built-in static type
inference.</li>
</ul>
<h2 id="testing-frameworks">Testing Frameworks</h2>
<h3 id="frameworks">Frameworks</h3>
<ul>
<li><a href="https://github.com/mochajs/mocha">mocha</a> - Simple,
flexible, fun JavaScript test framework for node.js &amp; the
browser.</li>
<li><a href="https://github.com/jasmine/jasmine">jasmine</a> - DOM-less
simple JavaScript testing framework.</li>
<li><a href="https://github.com/jquery/qunit">qunit</a> - An easy-to-use
JavaScript Unit Testing framework.</li>
<li><a href="https://github.com/facebook/jest">jest</a> - Painless
JavaScript Unit Testing.</li>
<li><a href="https://github.com/azer/prova">prova</a> - Node &amp;
Browser test runner based on Tape and Browserify</li>
<li><a href="https://github.com/dalekjs/dalek">DalekJS</a> - Automated
cross browser functional testing with JavaScript</li>
<li><a href="https://github.com/angular/protractor">Protractor</a> -
Protractor is an end-to-end test framework for AngularJS
applications.</li>
<li><a href="https://github.com/substack/tape">tape</a> - Tap-producing
test harness for node and browsers.</li>
<li><a href="https://github.com/DevExpress/testcafe">TestCafe</a> -
Automated browser testing for the modern web development stack.</li>
<li><a href="https://github.com/avajs/ava">ava</a> - 🚀 Futuristic
JavaScript test runner</li>
<li><a href="https://www.cypress.io/">Cypress</a> - Complete end-to-end
testing framework for anything that runs in a browser and beyond.</li>
<li><a href="https://webdriver.io/">WebdriverI/O</a> - Next-gen browser
and mobile automation test framework for Node.js</li>
</ul>
<h3 id="assertion">Assertion</h3>
<ul>
<li><a href="https://github.com/chaijs/chai">chai</a> - BDD / TDD
assertion framework for node.js and the browser that can be paired with
any testing framework.</li>
<li><a href="https://airbnb.io/enzyme/index.html">Enzyme</a> - Enzyme is
a JavaScript Testing utility for React that makes it easier to assert,
manipulate, and traverse your React Components’ output.</li>
<li><a href="https://github.com/kentcdodds/react-testing-library">react
testing library</a> - Simple and complete React DOM testing utilities
that encourage good testing practices.</li>
<li><a href="https://github.com/sinonjs/sinon">Sinon.JS</a> - Test
spies, stubs, and mocks for JavaScript.</li>
<li><a href="https://github.com/Automattic/expect.js">expect.js</a> -
Minimalistic BDD-style assertions for Node.JS and the browser.</li>
<li><a href="https://github.com/thlorenz/proxyquire">proxyquire</a> -
Stub nodejs’s require.</li>
<li><a href="https://github.com/visionmedia/supertest">Supertest</a> - A
popular HTTP assertion library for testing REST APIs, often used with
other testing frameworks like Mocha or Jest</li>
</ul>
<h3 id="coverage">Coverage</h3>
<ul>
<li><a href="https://github.com/gotwarlost/istanbul">istanbul</a> - Yet
another JS code coverage tool.</li>
<li><a href="https://github.com/alex-seville/blanket">blanket</a> - A
simple code coverage library for JavaScript. Designed to be easy to
install and use, for both browser and nodejs.</li>
<li><a href="https://github.com/tntim96/JSCover">JSCover</a> - JSCover
is a tool that measures code coverage for JavaScript programs.</li>
</ul>
<h3 id="runner">Runner</h3>
<ul>
<li><a href="https://github.com/ariya/phantomjs">phantomjs</a> -
Scriptable Headless WebKit.</li>
<li><a href="https://github.com/laurentj/slimerjs">slimerjs</a> - A
PhantomJS-like tool running Gecko.</li>
<li><a href="https://github.com/casperjs/casperjs">casperjs</a> -
Navigation scripting &amp; testing utility for PhantomJS and
SlimerJS.</li>
<li><a href="https://github.com/assaf/zombie">zombie</a> - Insanely
fast, full-stack, headless browser testing using node.js.</li>
<li><a href="https://github.com/totorojs/totoro">totoro</a> - A simple
and stable cross-browser testing tool.</li>
<li><a href="https://github.com/karma-runner/karma">karma</a> -
Spectacular Test Runner for JavaScript.</li>
<li><a href="https://github.com/nightwatchjs/nightwatch">nightwatch</a>
- UI automated testing framework based on node.js and selenium
webdriver.</li>
<li><a href="https://github.com/theintern/intern">intern</a> - A
next-generation code testing stack for JavaScript.</li>
<li><a href="https://github.com/GoogleChrome/puppeteer">puppeteer</a> -
Headless Chrome Node.js API by official Google Chrome team.</li>
<li><a href="https://github.com/webdriverio/webdriverio">webdriverio</a>
- Next-gen WebDriver test automation framework for Node.js.</li>
<li><a href="https://github.com/getgauge/taiko">taiko</a> - A Node.js
library with a simple API to automate Chromium based browsers.</li>
<li><a href="https://github.com/microsoft/playwright">Playwright</a> -
Node.js library to automate Chromium, Firefox and WebKit with a single
API.</li>
</ul>
<h2 id="qa-tools">QA Tools</h2>
<ul>
<li><a href="https://github.com/prettier/prettier">prettier</a> -
Prettier is an opinionated code formatter.</li>
<li><a href="https://github.com/jshint/jshint/">JSHint</a> - JSHint is a
tool that helps to detect errors and potential problems in your
JavaScript code.</li>
<li><a href="https://github.com/jscs-dev/node-jscs">jscs</a> -
JavaScript Code Style checker.</li>
<li><a href="https://github.com/rdio/jsfmt">jsfmt</a> - For formatting,
searching, and rewriting JavaScript.</li>
<li><a href="https://github.com/danielstjules/jsinspect">jsinspect</a> -
Detect copy-pasted and structurally similar code.</li>
<li><a href="https://github.com/danielstjules/buddy.js">buddy.js</a> -
Magic number detection for JavaScript.</li>
<li><a href="https://github.com/eslint/eslint">ESLint</a> - A fully
pluggable tool for identifying and reporting on patterns in
JavaScript.</li>
<li><a href="https://github.com/douglascrockford/JSLint">JSLint</a> -
High-standards, strict &amp; opinionated code quality tool, aiming to
keep only good parts of the language.</li>
<li><a href="https://github.com/feross/standard">JavaScript Standard
Style</a> - Opinionated, no-configuration style guide, style checker,
and formatter</li>
<li><a href="https://github.com/kentcdodds/preval.macro">Pre-evaluate
code at buildtime</a> - Pre-evaluate your front end javascript code at
build-time</li>
<li><a
href="https://github.com/beautify-web/js-beautify">JS-Beautifier</a> -
Npm cli and library to format JS code.</li>
<li><a href="https://github.com/typicode/husky">husky</a> - Prevents bad
git commit, git push and more.</li>
</ul>
<h2 id="mvc-frameworks-and-libraries">MVC Frameworks and Libraries</h2>
<ul>
<li><a href="https://github.com/angular/angular.js">angular.js</a> -
HTML enhanced for web apps. (deprecated)</li>
<li><a href="https://github.com/angular/angular">angular</a> - Angular
is a development platform for building mobile and desktop web
applications using Typescript/JavaScript and other languages.</li>
<li><a href="http://aurelia.io">aurelia</a> - A JavaScript client
framework for mobile, desktop and web.</li>
<li><a href="https://github.com/jashkenas/backbone">backbone</a> - Give
your JS App some Backbone with Models, Views, Collections, and
Events.</li>
<li><a href="https://github.com/emberjs/ember.js">ember.js</a> - A
JavaScript framework for creating ambitious web applications.</li>
<li><a href="https://github.com/meteor/meteor">meteor</a> - An
ultra-simple, database-everywhere, data-on-the-wire, pure-javascript web
framework.</li>
<li><a href="https://github.com/ractivejs/ractive">ractive</a> -
Next-generation DOM manipulation.</li>
<li><a href="https://github.com/vuejs/vue">vue</a> - Intuitive, fast
&amp; composable MVVM for building interactive interfaces.</li>
<li><a href="https://github.com/sveltejs/svelte">svelte</a> - Svelte is
a new way to build web applications. It’s a compiler that takes your
declarative components and converts them into efficient JavaScript that
surgically updates the DOM.</li>
<li><a href="https://github.com/knockout/knockout">knockout</a> -
Knockout makes it easier to create rich, responsive UIs with
JavaScript.</li>
<li><a href="https://github.com/spine/spine">spine</a> - Lightweight MVC
library for building JavaScript applications.</li>
<li><a href="https://github.com/techlayer/espresso.js">espresso.js</a> -
A minimal JavaScript library for crafting user interfaces.</li>
<li><a href="https://github.com/canjs/canjs">canjs</a> - Can do JS,
better, faster, easier.</li>
<li><a href="https://reactjs.org/">react</a> - A library for building
user interfaces. It’s declarative, efficient, and extremely flexible.
Works with a Virtual DOM.</li>
<li><a href="https://github.com/hyperapp/hyperapp">hyperapp</a> - 1kb
JavaScript library for building frontend applications.</li>
<li><a href="https://github.com/developit/preact">preact</a> - Fast 3kb
React alternative with the same ES6 API. Components &amp; Virtual
DOM.</li>
<li><a
href="https://github.com/NativeScript/NativeScript">nativescript</a> -
Build truly native cross-platform iOS and Android apps with
JavaScript.</li>
<li><a href="https://github.com/facebook/react-native">react-native</a>
- A framework for building native apps with React.</li>
<li><a href="https://github.com/riot/riot">riot</a> - React-like
library, but with very small size.</li>
<li><a href="https://github.com/walmartlabs/thorax">thorax</a> -
Strengthening your Backbone.</li>
<li><a href="https://github.com/chaplinjs/chaplin">chaplin</a> - An
architecture for JavaScript applications using the Backbone.js
library.</li>
<li><a
href="https://github.com/marionettejs/backbone.marionette">marionette</a>
- A composite application library for Backbone.js that aims to simplify
the construction of large scale JavaScript applications.</li>
<li><a href="https://github.com/ripplejs/ripple">ripple</a> - A tiny
foundation for building reactive views.</li>
<li><a href="https://github.com/mikeric/rivets">rivets</a> - Lightweight
and powerful data binding + templating solution.</li>
<li><a href="https://github.com/derbyjs/derby">derby</a> - MVC framework
making it easy to write realtime, collaborative applications that run in
both Node.js and browsers.
<ul>
<li><a href="https://github.com/russll/awesome-derby">derby-awesome</a>
- A collection of awesome derby components</li>
</ul></li>
<li><a href="https://github.com/gwendall/way.js">way.js</a> - Simple,
lightweight, persistent two-way databinding.</li>
<li><a href="https://github.com/lhorie/mithril.js">mithril.js</a> -
Mithril is a client-side MVC framework (Light-weight, Robust,
Fast).</li>
<li><a href="https://github.com/astoilkov/jsblocks">jsblocks</a> -
jsblocks is better MV-ish framework.</li>
<li><a href="https://github.com/feathersjs/feathers">feathers</a> - A
minimalist real-time JavaScript framework for tomorrow’s apps.</li>
<li><a href="https://github.com/Wildhoney/Keo">Keo</a> - Functional
stateless React components with Shadow DOM support.</li>
<li><a href="https://github.com/emadalam/atvjs">atvjs</a> - Blazing fast
Apple TV application development using pure JavaScript.</li>
<li><a href="https://github.com/alpinejs/alpine">Alpine.js</a> - offers
you the reactive and declarative nature of big frameworks like Vue or
React at a much lower cost.</li>
<li><a href="https://github.com/infernojs/inferno">inferno</a> - 🔥 An
extremely fast, React-like JavaScript library for building modern user
interfaces.</li>
<li><a href="https://foalts.org">FoalTS</a> - Elegant and all-inclusive
Node.JS framework for building web applications (TypeScript).</li>
<li><a href="https://github.com/aidenybai/lucia">Lucia</a> - 3kb library
for tiny web apps.</li>
<li><a href="https://github.com/adonisjs/core">Adonis</a> - The Node.js
Framework highly focused on developer ergonomics, stability and
confidence.</li>
<li><a href="https://github.com/artf/grapesjs">GrapesJS</a> - Free and
Open source Web Builder Framework. Next generation tool for building
templates without coding.</li>
<li><a href="https://github.com/retejs/rete">Rete.js</a> - A modular
framework for visual programming allows to create node based editor in
browser.</li>
<li><a href="https://github.com/jagenjo/litegraph.js">litegraph.js</a> -
A graph node engine and editor similar to PD or UDK Blueprints, comes
with its own editor in HTML5 Canvas2D.</li>
<li><a href="https://github.com/jerosoler/Drawflow">Drawflow</a> - This
allow you to create data flows easily and quickly.</li>
<li><a href="https://github.com/google/blockly">Blockly</a> - A library
that adds a visual code editor to web and mobile apps by Google.</li>
<li><a href="https://github.com/aidenybai/million">Million</a> - &lt;1kb
compiler-focused virtual DOM. It’s fast!</li>
<li><a href="https://github.com/whatsup/whatsup">Whatsup</a> - A
frontend framework for chillout-mode development 🥤. JSX components on
generators, fast mobx-like state management and exclusive cssx style
system.</li>
<li><a href="https://github.com/remult/remult">Remult</a> - A CRUD
framework for full-stack TypeScript.</li>
</ul>
<h2 id="node-powered-cms-frameworks">Node-Powered CMS Frameworks</h2>
<ul>
<li><a href="https://github.com/keystonejs/keystone">KeystoneJS</a> -
powerful CMS and web app framework.</li>
<li><a href="https://github.com/reactioncommerce/reaction">Reaction
Commerce</a> - reactive CMS, real-time architecture and design.</li>
<li><a href="https://github.com/tryghost/Ghost">Ghost</a> - simple,
powerful publishing platform.</li>
<li><a href="https://github.com/punkave/apostrophe">Apostrophe</a> - CMS
with content editing and essential services.</li>
<li><a href="https://github.com/wejs/we/">We.js</a> - framework for real
time apps, sites or blogs.</li>
<li><a href="https://github.com/inventures/hatchjs">Hatch.js</a> - CMS
platform with social features.</li>
<li><a
href="https://github.com/xtremespb/taracotjs-generator/">TaracotJS</a> -
fast and minimalist CMS based on Node.js.</li>
<li><a href="https://github.com/nodize/nodizecms">Nodizecms</a> - CMS
for CoffeeScript lovers.</li>
<li><a href="https://github.com/jcoppieters/cody">Cody</a> - CMS with
WSYWYG editor.</li>
<li><a href="https://github.com/pencilblue/pencilblue/">PencilBlue</a> -
CMS and blogging platform.</li>
<li><a href="https://github.com/strapi/strapi">Strapi</a> - Open source
Node.js Headless CMS to easily build customisable APIs.</li>
<li><a href="https://github.com/fiction-com/factor">Factor</a> - The
Javascript CMS</li>
</ul>
<h2 id="templating-engines">Templating Engines</h2>
<p><em>Templating engines allow you to perform string
interpolation.</em></p>
<ul>
<li><a href="https://github.com/janl/mustache.js">mustache.js</a> -
Minimal templating with {{mustaches}} in JavaScript.</li>
<li><a
href="https://github.com/handlebars-lang/handlebars.js">handlebars.js</a>
- An extension to the Mustache templating language.</li>
<li><a href="https://mozilla.github.io/nunjucks/">nunjucks</a> - A rich
and powerful templating language for JavaScript from Mozilla.</li>
<li><a href="https://github.com/twitter/hogan.js">hogan.js</a> - A
compiler for the Mustache templating language.</li>
<li><a href="https://github.com/olado/doT">doT</a> - The fastest +
concise JavaScript template engine for nodejs and browsers.</li>
<li><a href="https://github.com/linkedin/dustjs/">dustjs</a> -
Asynchronous templates for the browser and node.js.</li>
<li><a href="https://github.com/sstephenson/eco/">eco</a> - Embedded
CoffeeScript templates.</li>
<li><a
href="https://github.com/blueimp/JavaScript-Templates">JavaScript-Templates</a>
- &lt; 1KB lightweight, fast &amp; powerful JavaScript templating engine
with zero dependencies.</li>
<li><a href="https://github.com/jasonmoo/t.js">t.js</a> - A tiny
JavaScript templating framework in ~400 bytes gzipped.</li>
<li><a href="https://github.com/pugjs/pug">Pug</a> - Robust, elegant,
feature rich template engine for nodejs. (formerly known as Jade)</li>
<li><a href="https://github.com/mde/ejs">EJS</a> - Effective JavaScript
templating.</li>
<li><a href="https://github.com/xtemplate/xtemplate">xtemplate</a> -
eXtensible Template Engine lib for node and the browser</li>
<li><a href="https://github.com/marko-js/marko">marko</a> - A fast,
lightweight, HTML-based templating engine for Node.js and the browser
with async, streaming, custom tags and CommonJS modules as compiled
output.</li>
<li><a href="https://github.com/paularmstrong/swig">swig</a> -
(Archived) A simple, powerful, and extendable Node.js and browser-based
JavaScript template engine.</li>
<li><a href="https://hmpl-lang.dev">hmpl</a> - Server-oriented
customizable templating for JavaScript.</li>
</ul>
<h2 id="game-engines">Game Engines</h2>
<ul>
<li><a href="https://aframe.io">A-Frame</a> - Make WebVR.</li>
<li><a href="https://www.cocos.com">Cocos</a> - Open Source
Cross-Platform Game Development Framework.</li>
<li><a href="https://impactjs.com">Impact</a> - Impact - HTML5 Canvas
&amp; JavaScript Game Engine.</li>
<li><a href="https://gdevelop.io">GDevelop</a> - Free and Easy
Game-Making App.</li>
<li><a href="https://kaboomjs.com">Kaboom.js</a> - A game programming
library that helps you make games fast and fun.</li>
<li><a href="https://brm.io/matter-js">Matter.js</a> - A 2D rigid body
JavaScript physics engine.</li>
<li><a href="https://melonjs.org">melonJS</a> - Open source HTML5 game
engine that empowers developers and designers to focus on content.</li>
<li><a href="https://phaser.io">Phaser</a> - Phaser - A fast, fun and
free open source HTML5 game framework.</li>
<li><a href="https://pixijs.com">PixiJS</a> - The HTML5 Creation
Engine.</li>
<li><a href="https://playcanvas.com">PlayCanvas</a> - PlayCanvas WebGL
Game Engine.</li>
</ul>
<h2 id="articles-and-posts">Articles and Posts</h2>
<ul>
<li><a
href="https://medium.com/@pedropolisenso/o-javasscript-que-voc%C3%AA-deveria-conhecer-b70e94d1d706">The
JavaScript that you should know</a> - Article about concepts of
JavaScript Functional.</li>
<li><a
href="https://www.loginradius.com/blog/async/adding-multi-threading-to-javascript-using-web-workers/">Multi-threading
using web-workers</a> - Web Workers: Adding Multi-threading to
JavaScript</li>
<li><a
href="https://www.loginradius.com/blog/async/breaking-down-this-keyword-in-javascript/">this
keyword in JavaScript</a> - Breaking down the ‘this’ keyword in
JavaScript</li>
</ul>
<h2 id="data-visualization">Data Visualization</h2>
<p><em>Data visualization tools for the web.</em></p>
<ul>
<li><a href="https://github.com/d3/d3">d3</a> - A JavaScript
visualization library for HTML and SVG.</li>
<li><a
href="https://github.com/mozilla/metrics-graphics">metrics-graphics</a>
- A library optimized for concise, principled data graphics and
layouts.</li>
<li><a href="https://github.com/mrdoob/three.js">three.js</a> -
JavaScript 3D library.</li>
<li><a href="https://github.com/chartjs/Chart.js">Chart.js</a> - Simple
HTML5 Charts using the &lt;canvas&gt; tag.</li>
<li><a href="https://github.com/paperjs/paper.js">paper.js</a> - The
Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to
JavaScript and the browser, using HTML5 Canvas.</li>
<li><a href="https://github.com/kangax/fabric.js">fabric.js</a> -
JavaScript Canvas Library, SVG-to-Canvas (&amp; canvas-to-SVG)
Parser.</li>
<li><a href="https://github.com/benpickles/peity">peity</a> -
Progressive <svg> bar, line and pie charts.</li>
<li><a href="https://github.com/DmitryBaranovskiy/raphael">raphael</a> -
JavaScript Vector Library.</li>
<li><a href="https://github.com/apache/echarts">echarts</a> - Enterprise
Charts.</li>
<li><a href="https://github.com/visjs">visjs</a> - Multiple Libraries
for dynamic, browser-based data visualization.</li>
<li><a href="https://github.com/jonobr1/two.js">two.js</a> - A renderer
agnostic two-dimensional drawing api for the web.</li>
<li><a
href="https://github.com/DmitryBaranovskiy/g.raphael">g.raphael</a> -
Charts for Raphaël.</li>
<li><a href="https://github.com/jacomyal/sigma.js">sigma.js</a> - A
JavaScript library dedicated to graph drawing.</li>
<li><a href="https://github.com/samizdatco/arbor">arbor</a> - A graph
visualization library using web workers and jQuery.</li>
<li><a href="https://github.com/square/cubism">cubism</a> - A D3 plugin
for visualizing time series.</li>
<li><a href="https://github.com/dc-js/dc.js">dc.js</a> -
Multi-Dimensional charting built to work natively with crossfilter
rendered with d3.js</li>
<li><a href="https://github.com/trifacta/vega">vega</a> - A
visualization grammar.</li>
<li><a
href="https://github.com/HumbleSoftware/envisionjs">envisionjs</a> -
Dynamic HTML5 visualization.</li>
<li><a href="https://github.com/shutterstock/rickshaw">rickshaw</a> -
JavaScript toolkit for creating interactive real-time graphs.</li>
<li><a href="https://github.com/flot/flot">flot</a> - Attractive
JavaScript charts for jQuery.</li>
<li><a href="https://github.com/morrisjs/morris.js">morris.js</a> -
Pretty time-series line graphs.</li>
<li><a href="https://github.com/novus/nvd3">nvd3</a> - Build re-usable
charts and chart components for d3.js.</li>
<li><a href="https://github.com/wout/svg.js">svg.js</a> - A lightweight
library for manipulating and animating SVG.</li>
<li><a href="https://github.com/pa7/heatmap.js">heatmap.js</a> -
JavaScript Library for HTML5 canvas based heatmaps.</li>
<li><a
href="https://github.com/gwatts/jquery.sparkline">jquery.sparkline</a> -
A plugin for the jQuery JavaScript library to generate small sparkline
charts directly in the browser.</li>
<li><a href="https://github.com/qrohlf/trianglify">trianglify</a> - Low
poly style background generator with d3.js.</li>
<li><a href="https://github.com/jasondavies/d3-cloud">d3-cloud</a> -
Create word clouds in JavaScript.</li>
<li><a href="https://github.com/heavysixer/d4">d4</a> - A friendly
reusable charts DSL for D3.</li>
<li><a href="http://dimplejs.org">dimple.js</a> - Easy charts for
business analytics powered by d3.</li>
<li><a href="https://github.com/gionkunz/chartist-js">chartist-js</a> -
Simple responsive charts.</li>
<li><a href="https://github.com/epochjs/epoch">epoch</a> - A general
purpose real-time charting library.</li>
<li><a href="https://github.com/c3js/c3">c3</a> - D3-based reusable
chart library.</li>
<li><a href="https://github.com/BabylonJS/Babylon.js">BabylonJS</a> - A
framework for building 3D games with HTML 5 and WebGL.</li>
<li><a href="https://github.com/recharts/recharts">recharts</a> -
Redefined chart library built with React and D3.</li>
<li><a href="https://github.com/AnyChart/GraphicsJS">GraphicsJS</a> - A
lightweight JavaScript graphics library with the intuitive API, based on
SVG/VML technology.</li>
<li><a href="https://github.com/jgraph/mxgraph">mxGraph</a> -
Diagramming library that enables interactive graph and charting
applications to be quickly created that run natively in any major
browser that is supported by its vendor.</li>
<li><a href="https://github.com/frappe/charts">Frappe Charts</a> -
GitHub-inspired simple and modern SVG charts for the web with zero
dependencies.</li>
<li><a href="https://github.com/frappe/gantt">Frappe Gantt</a> - A
simple, interactive, modern gantt chart library for the web.</li>
<li><a href="https://github.com/antvis/G2">G2</a> - A highly interactive
data-driven visualization grammar for statistical charts.</li>
<li><a href="https://github.com/antvis/G2Plot">G2Plot</a> - An
interactive and responsive charting library. Based on the grammar of
graphics.</li>
<li><a href="https://github.com/cytoscape/cytoscape.js">Cytoscape.js</a>
- A fully featured graph theory library.</li>
<li><a href="https://ialab.it.monash.edu/webcola/">cola.js</a> - library
for arranging your HTML5 documents and diagrams using constraint-based
optimization techniques</li>
<li><a href="https://github.com/clientIO/joint">jointjs</a> -
Diagramming library to create static diagrams or fully interactive
diagramming tools.</li>
<li><a href="https://github.com/vizzuhq/vizzu-lib">vizzu</a> - Library
for animated data visualizations and data stories.</li>
</ul>
<p>There’re also some great commercial libraries, like <a
href="https://www.amcharts.com/">amchart</a>, <a
href="https://www.anychart.com/">anychart</a>, <a
href="https://plotly.com/">plotly</a>, and <a
href="https://www.arction.com/lightningchart-js/">lightning
chart</a>.</p>
<h2 id="timeline">Timeline</h2>
<ul>
<li><a href="https://github.com/NUKnightLab/TimelineJS3">TimelineJS
v3</a> - A Storytelling Timeline built in JavaScript.</li>
<li><a href="https://github.com/sbstjn/timesheet.js">timesheet.js</a> -
JavaScript library for simple HTML5 &amp; CSS3 time sheets.</li>
</ul>
<h2 id="spreadsheet">Spreadsheet</h2>
<ul>
<li><a
href="https://github.com/handsontable/handsontable">HANDSONTABLE</a> -
Handsontable is a JavaScript/HTML5 Spreadsheet Library for
Developers</li>
<li><a href="https://github.com/frappe/datatable">Frappe Datatable</a> -
Frappe DataTable is a simple, modern and interactive datatable library
for displaying tabular data.</li>
<li><a href="https://github.com/mengshukeji/Luckysheet">Luckysheet</a> -
Luckysheet is an online spreadsheet like excel that is powerful, simple
to configure, and completely open source.</li>
<li><a href="https://github.com/jspreadsheet/ce">Jspreadsheet CE</a> -
Jspreadsheet is a lightweight vanilla javascript plugin to create
amazing web-based interactive tables and spreadsheets compatible with
other spreadsheet software.</li>
<li><a href="https://github.com/revolist/revogrid">RevoGrid</a> -
RevoGrid is a fast, responsive excel like data grid library for modern
web applications.</li>
</ul>
<h2 id="editors">Editors</h2>
<ul>
<li><a href="https://github.com/ajaxorg/ace">ace</a> - Ace (Ajax.org
Cloud9 Editor).</li>
<li><a href="https://github.com/codemirror/CodeMirror">CodeMirror</a> -
In-browser code editor.</li>
<li><a href="https://github.com/ariya/esprima">esprima</a> - ECMAScript
parsing infrastructure for multipurpose analysis.</li>
<li><a href="https://github.com/quilljs/quill">quill</a> - A cross
browser rich text editor with an API.</li>
<li><a href="https://github.com/yabwe/medium-editor">medium-editor</a> -
Medium.com WYSIWYG editor clone.</li>
<li><a href="https://github.com/sofish/pen">pen</a> - enjoy live editing
(+markdown).</li>
<li><a
href="https://github.com/raphaelcruzeiro/jquery-notebook">jquery-notebook</a>
- A simple, clean and elegant text editor. Inspired by the awesomeness
of Medium.</li>
<li><a
href="https://github.com/mindmup/bootstrap-wysiwyg">bootstrap-wysiwyg</a>
- Tiny bootstrap-compatible WYSIWYG rich text editor.</li>
<li><a
href="https://github.com/ckeditor/ckeditor-releases">ckeditor-releases</a>
- The best web text editor for everyone.</li>
<li><a href="https://github.com/lepture/editor">editor</a> - A markdown
editor. still on development.</li>
<li><a href="https://github.com/OscarGodson/EpicEditor">EpicEditor</a> -
An embeddable JavaScript Markdown editor with split fullscreen editing,
live previewing, automatic draft saving, offline support, and more.</li>
<li><a href="https://github.com/josdejong/jsoneditor">jsoneditor</a> - A
web-based tool to view, edit and format JSON.</li>
<li><a href="https://github.com/coolwanglu/vim.js">vim.js</a> -
JavaScript port of Vim with a persistent <code>~/.vimrc</code>.</li>
<li><a href="https://github.com/neilj/Squire">Squire</a> - HTML5 rich
text editor.</li>
<li><a href="https://github.com/tinymce/tinymce">TinyMCE</a> - The
JavaScript Rich Text editor.</li>
<li><a href="https://github.com/basecamp/trix">trix</a> - A rich text
editor for everyday writing. By Basecamp.</li>
<li><a href="https://github.com/Alex-D/Trumbowyg">Trumbowyg</a> - A
lightweight and amazing WYSIWYG JavaScript editor.</li>
<li><a href="https://github.com/facebook/draft-js">Draft.js</a> - A
React framework for building text editors.</li>
<li><a
href="https://github.com/jhollingworth/bootstrap-wysihtml5">bootstrap-wysihtml5</a>
- Simple, beautiful wysiwyg editor</li>
<li><a href="https://github.com/xing/wysihtml5">wysihtml5</a> - 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.</li>
<li><a
href="https://github.com/PANmedia/raptor-editor">raptor-editor</a> -
Raptor, an HTML5 WYSIWYG content editor!</li>
<li><a href="https://github.com/kenshin54/popline">popline</a> - Popline
is an HTML5 Rich-Text-Editor Toolbar.</li>
<li><a href="https://github.com/summernote/summernote">Summernote</a> -
Super simple WYSIWYG editor.</li>
<li><a
href="https://github.com/Liberty-liu/Everright-formEditor">Everright-formEditor</a>
- A visual drag-and-drop low-code form editor</li>
</ul>
<h2 id="documentation">Documentation</h2>
<ul>
<li><a href="https://devdocs.io/">DevDocs</a> is an all-in-one API
documentation reader with a fast, organized, and consistent
interface.</li>
<li><a href="http://ashkenas.com/docco/">docco</a> is a quick-and-dirty,
hundred-line-long, literate-programming-style documentation
generator.</li>
<li><a href="http://jacobrask.github.io/styledocco/">styledocco</a>
generates documentation and style guide documents from your
stylesheets.</li>
<li><a href="https://github.com/rtomayko/ronn">Ronn</a> builds manuals.
It converts simple, human readable textfiles to roff for terminal
display, and also to HTML for the web.</li>
<li><a href="https://github.com/tj/dox">dox</a> is a JavaScript
documentation generator written with node. Dox no longer generates an
opinionated structure or style for your docs, it simply gives you a JSON
representation, allowing you to use markdown and JSDoc-style tags.</li>
<li><a href="https://github.com/sutoiku/jsdox">jsdox</a> is a JSDoc3 to
Markdown documentation generator.</li>
<li><a href="https://github.com/esdoc/esdoc">ESDoc</a> is a good
documentation generator for JavaScript.</li>
<li><a href="http://yui.github.io/yuidoc/">YUIDoc</a> is a Node.js
application that generates API documentation from comments in source,
using a syntax similar to tools like Javadoc and Doxygen.</li>
<li><a href="http://doug-martin.github.io/coddoc/">coddoc</a> is a jsdoc
parsing library. Coddoc is different in that it is easily extensible by
allowing users to add tag and code parsers through the use of
coddoc.addTagHandler and coddoc.addCodeHandler. coddoc also parses
source code to be used in APIs.</li>
<li><a href="http://www.sphinx-doc.org/">sphinx</a> a tool that makes it
easy to create intelligent and beautiful documentation</li>
<li><a href="https://github.com/beautiful-docs/beautiful-docs">Beautiful
docs</a> is a documentation viewer based on markdown files.</li>
<li><a href="http://documentation.js.org">documentation.js</a> - API
documentation generator with support for ES2015+ and flow
annotation.</li>
<li><a href="https://github.com/senchalabs/jsduck">jsduck</a> - API
documentation generator made for Sencha JavaScript frameworks, but can
be used for other frameworks too.</li>
<li><a
href="https://github.com/Bogdan-Lyashenko/codecrumbs">codecrumbs</a> is
a visual tool for learning and documenting a codebase by putting
breadcrumbs in source code.</li>
</ul>
<h2 id="files">Files</h2>
<p><em>Libraries for working with files.</em></p>
<ul>
<li><a href="https://github.com/mholt/PapaParse">Papa Parse</a> - A
powerful CSV library that supports parsing CSV files/strings and also
exporting to CSV.</li>
<li><a href="https://github.com/jDataView/jBinary">jBinary</a> -
High-level I/O (loading, parsing, manipulating, serializing, saving) for
binary files with declarative syntax for describing file types and data
structures.</li>
<li><a href="https://github.com/rtfpessoa/diff2html">diff2html</a> - Git
diff output parser and pretty HTML generator.</li>
<li><a href="https://github.com/MrRio/jsPDF">jsPDF</a> - JavaScript PDF
generation.</li>
<li><a href="https://github.com/mozilla/pdf.js">PDF.js</a> - PDF Reader
in JavaScript.</li>
</ul>
<h2 id="functional-programming">Functional Programming</h2>
<p><em>Functional programming libraries to extend JavaScript’s
capabilities.</em></p>
<ul>
<li><a href="https://github.com/jashkenas/underscore">underscore</a> -
JavaScript’s utility _ belt.</li>
<li><a href="https://github.com/lodash/lodash">lodash</a> - A utility
library delivering consistency, customization, performance, &amp;
extras.</li>
<li><a href="https://github.com/andrewplummer/Sugar">Sugar</a> - A
JavaScript library for working with native objects.</li>
<li><a href="https://github.com/dtao/lazy.js">lazy.js</a> - Like
Underscore, but lazier.</li>
<li><a href="https://github.com/ramda/ramda">ramda</a> - A practical
functional library for JavaScript programmers.</li>
<li><a href="https://github.com/mout/mout">mout</a> - Modular JavaScript
Utilities.</li>
<li><a href="https://github.com/alanrsoares/prelude-js">preludejs</a> -
Hardcore Functional Programming for JavaScript.</li>
<li><a href="https://github.com/selfrefactor/rambda">rambda</a> - Faster
and smaller alternative to <em>Ramda</em>.</li>
<li><a href="https://github.com/marpple/FxTS">fxts</a> - Lazy evaluation
and concurrency.</li>
<li><a
href="https://github.com/ehmicky/wild-wild-path">wild-wild-path</a> -
Object property paths with wildcards and regexps.</li>
<li><a href="https://github.com/JSMonk/sweet-monads">sweet-monads</a> -
A utility library containing popular monads and lazy iterators.</li>
</ul>
<h2 id="reactive-programming">Reactive Programming</h2>
<p><em>Reactive programming libraries to extend JavaScript’s
capabilities.</em></p>
<ul>
<li><a href="https://github.com/ReactiveX/rxjs">RxJS</a> - A reactive
programming library for JavaScript.</li>
<li><a href="https://github.com/baconjs/bacon.js">Bacon</a> - FRP
(functional reactive programming) library for JavaScript.</li>
<li><a href="https://github.com/pozadi/kefir">Kefir</a> - FRP library
for JavaScript inspired by Bacon.js and RxJS with focus on high
performance and low memory consumption.</li>
<li><a href="https://caolan.github.io/highland/">Highland</a> -
Re-thinking the JavaScript utility belt, Highland manages synchronous
and asynchronous code easily, using nothing more than standard
JavaScript and Node-like Streams.</li>
<li><a href="https://github.com/cujojs/most">Most.js</a> - high
performance FRP library.</li>
<li><a href="https://github.com/mobxjs/mobx">MobX</a> - TFRP library for
simple, scalable state management.</li>
<li><a href="https://cycle.js.org">Cycle.js</a> - A functional and
reactive JavaScript library for cleaner code.</li>
<li><a href="https://github.com/concentjs/concent">concent</a> -
Definitely the ❤️ simplest but ⚡️ strongest state management for react,
it is predictable、progressive and efficient.</li>
</ul>
<h2 id="data-structure">Data Structure</h2>
<p><em>Data structure libraries to build a more sophisticated
application.</em></p>
<ul>
<li><a href="https://github.com/facebook/immutable-js">immutable-js</a>
- Immutable Data Collections including Sequence, Range, Repeat, Map,
OrderedMap, Set and a sparse Vector.</li>
<li><a href="https://github.com/swannodette/mori">mori</a> - A library
for using ClojureScript’s persistent data structures and supporting API
from the comfort of vanilla JavaScript.</li>
<li><a href="https://github.com/mauriciosantos/Buckets-JS">buckets</a> -
A complete, fully tested and documented data structure library written
in JavaScript.</li>
<li><a href="https://github.com/flesler/hashmap">hashmap</a> - Simple
hashmap implementation that supports any kind of keys.</li>
<li><a href="https://github.com/anvaka/ngraph.graph">ngraph.graph</a> -
Graph data structure in javascript.</li>
<li><a href="https://github.com/zly201/js-sdsl">js-sdsl</a> - Refer to
the javascript standard data structure library implemented by c++ stl,
which supports c++ bidirectional iterator mode.</li>
</ul>
<h2 id="date">Date</h2>
<p><em>Date Libraries.</em></p>
<ul>
<li><a href="https://github.com/moment/moment">moment</a> - Parse,
validate, manipulate, and display dates in JavaScript.</li>
<li><a
href="https://github.com/moment/moment-timezone">moment-timezone</a> -
Timezone support for moment.js.</li>
<li><a href="https://github.com/rmm5t/jquery-timeago">jquery-timeago</a>
- A jQuery plugin that makes it easy to support automatically updating
fuzzy timestamps (e.g. “4 minutes ago”).</li>
<li><a href="https://github.com/mde/timezone-js">timezone-js</a> -
Timezone-enabled JavaScript Date object. Uses Olson zoneinfo files for
timezone data.</li>
<li><a href="https://github.com/MatthewMueller/date">date</a> - Date()
for humans.</li>
<li><a href="https://github.com/rauchg/ms.js">ms.js</a> - Tiny
millisecond conversion utility.</li>
<li><a href="https://github.com/gumroad/countdown.js">countdown.js</a> -
Super simple countdowns.</li>
<li><a href="https://github.com/hustcc/timeago.js">timeago.js</a> -
Simple library (less then 2kb) used to format date with
<code>*** time ago</code> statement.</li>
<li><a href="https://github.com/taylorhakes/fecha">fecha</a> -
Lightweight date formatting and parsing (~2KB). Meant to replace parsing
and formatting functionality of moment.js.</li>
<li><a href="https://github.com/date-fns/date-fns">date-fns</a> - Modern
JavaScript date utility library.</li>
<li><a
href="https://github.com/dawidjaniga/map-countdown">map-countdown</a> -
A browser countdown built on top of the Google Maps.</li>
<li><a href="https://github.com/iamkun/dayjs">dayjs</a> - Day.js 2KB
immutable date library alternative to Moment.js with the same modern
API.</li>
<li><a href="https://github.com/moment/luxon">luxon</a> - Luxon is a
library for working with dates and times in JavaScript.</li>
<li><a href="https://github.com/formkit/tempo">tempo</a> - Parsing,
formatting, and timezones — Tempo is a small tree-shakable library for
native Date objects.</li>
</ul>
<h2 id="string">String</h2>
<p><em>String Libraries.</em></p>
<ul>
<li><a href="https://github.com/panzerdp/voca">voca</a> - The ultimate
JavaScript string library</li>
<li><a href="https://github.com/EvandroLG/selecting">selecting</a> - A
library that allows you to access the text selected by the user.</li>
<li><a
href="https://github.com/epeli/underscore.string">underscore.string</a>
- String manipulation extensions for Underscore.js JavaScript
library.</li>
<li><a href="https://github.com/jprichardson/string.js">string.js</a> -
Extra JavaScript string methods.</li>
<li><a href="https://github.com/mathiasbynens/he">he</a> - A robust HTML
entity encoder/decoder written in JavaScript.</li>
<li><a href="https://github.com/sindresorhus/multiline">multiline</a> -
Multiline strings in JavaScript.</li>
<li><a
href="https://github.com/sindresorhus/query-string">query-string</a> -
Parse and stringify URL query strings.</li>
<li><a href="https://github.com/medialize/URI.js/">URI.js</a> -
JavaScript URL mutation library.</li>
<li><a href="https://github.com/Mikhus/domurl">jsurl</a> - Lightweight
URL manipulation with JavaScript.</li>
<li><a href="https://github.com/alexei/sprintf.js">sprintf.js</a> - A
sprintf implementation.</li>
<li><a href="https://github.com/snd/url-pattern">url-pattern</a> -
Easier than regex string matching patterns for urls and other strings.
Turn strings into data or data into strings.</li>
<li><a href="https://github.com/plexis-js/plexis">plexis</a> - Lo-fi,
powerful, community-driven string manipulation library.</li>
<li><a href="https://github.com/anonrig/url-js">url-state-machine</a> -
Super fast spec-compliant URL parser state machine for Node.js.</li>
</ul>
<h2 id="number">Number</h2>
<ul>
<li><a href="https://github.com/adamwdraper/Numeral-js">Numeral-js</a> -
A JavaScript library for formatting and manipulating numbers.</li>
<li><a href="https://github.com/chancejs/chancejs">chance.js</a> -
Random generator helper in JavaScript. Can generate numbers, strings
etc.</li>
<li><a href="https://github.com/HubSpot/odometer">odometer</a> -
Smoothly transitions numbers with ease.</li>
<li><a
href="https://github.com/josscrowcroft/accounting.js">accounting.js</a>
- A lightweight JavaScript library for number, money and currency
formatting - fully localisable, zero dependencies.</li>
<li><a href="https://github.com/josscrowcroft/money.js">money.js</a> - A
tiny (1kb) JavaScript currency conversion library, for web &amp;
nodeJS.</li>
<li><a href="https://github.com/infusion/Fraction.js">Fraction.js</a> -
A rational number library for JavaScript.</li>
<li><a href="https://github.com/infusion/Complex.js">Complex.js</a> - A
complex number library for JavaScript.</li>
<li><a
href="https://github.com/infusion/Polynomial.js">Polynomial.js</a> - A
polynomials library for JavaScript.</li>
<li><a
href="https://github.com/infusion/Quaternion.js">Quaternion.js</a> - A
quaternion library for JavaScript</li>
</ul>
<h2 id="storage">Storage</h2>
<ul>
<li><a href="https://github.com/marcuswestin/store.js">store.js</a> -
LocalStorage wrapper for all browsers without using cookies or flash.
Uses localStorage, globalStorage, and userData behavior under the
hood.</li>
<li><a href="https://github.com/mozilla/localForage">localForage</a> -
Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage
using a simple but powerful API.</li>
<li><a href="https://github.com/andris9/jStorage">jStorage</a> -
jStorage is a simple key/value database to store data on browser
side.</li>
<li><a href="https://github.com/zendesk/cross-storage">cross-storage</a>
- Cross domain local storage, with permissions.</li>
<li><a href="https://github.com/addyosmani/basket.js">basket.js</a> - A
script and resource loader for caching &amp; loading scripts with
localStorage.</li>
<li><a href="https://github.com/nodeca/bag.js">bag.js</a> - A caching
script and resource loader, similar to basket.js, but with additional
k/v interface and localStorage / websql / indexedDB support.</li>
<li><a href="https://github.com/Wisembly/basil.js">basil.js</a> - The
missing JavaScript smart persistent layer.</li>
<li><a
href="https://github.com/carhartl/jquery-cookie">jquery-cookie</a> - A
simple, lightweight jQuery plugin for reading, writing and deleting
cookies.</li>
<li><a href="https://github.com/js-cookie/js-cookie">js-cookie</a> - A
simple, lightweight JavaScript API for handling browser cookies.</li>
<li><a href="https://github.com/ScottHamper/Cookies">Cookies</a> -
JavaScript Client-Side Cookie Manipulation Library.</li>
<li><a href="https://github.com/aaronpowell/db.js/">DB.js</a> - Promise
based IndexDB Wrapper library.</li>
<li><a href="https://github.com/brianleroux/lawnchair/">lawnchair.js</a>
- Simple client-side JSON storage.</li>
<li><a href="https://github.com/kripken/sql.js">sql.js</a> - SQLite
compiled to JavaScript through Emscripten.</li>
<li><a href="https://github.com/pouchdb/pouchdb">pouchdb</a> -
Javascript db inspired by Apache CouchDB to run well within the
browser.</li>
<li><a href="https://github.com/nirtz89/crumbsjs">crumbsjs</a> - A
lightweight vanilla ES6 cookies and local storage JavaScript
library.</li>
<li><a
href="https://github.com/softvar/awesome-web-storage">awesome-web-storage</a>
- Everything you need to know about client-side storage.</li>
<li><a href="https://github.com/StanfordHCI/datavore">datavore</a> - A
small, fast, in-browser database engine written in JavaScript.</li>
<li><a href="https://github.com/hoodiehq/hoodie">Hoodie</a> - Offline
First backend to work in browser without internet connectivity.</li>
<li><a href="https://github.com/louischatriot/nedb">NeDB</a> - Embedded
Persistent database for Browsers, nw.js, electron.</li>
<li><a href="https://google.github.io/lovefield">Lovefield</a> -
Lovefield is a relational database for web apps, By Google.</li>
<li><a href="https://github.com/dexie/Dexie.js">Dexie.js</a> - Dexie.js
is a wrapper library for indexedDB.</li>
<li><a
href="https://github.com/KID-joker/proxy-web-storage">proxy-web-storage</a>
- Keep the type of storage value unchanged and change array and object
directly. Supports listening to the changes and setting expires.</li>
<li><a href="https://github.com/datawan-labs/pg">PostgreSQL Browser</a>
- Browser PostgreSQL Playground, no server, just client and pglite
(postgresql wasm)</li>
</ul>
<h2 id="color">Color</h2>
<ul>
<li><a
href="https://github.com/davidmerfield/randomColor">randomColor</a> - A
color generator for JavaScript.</li>
<li><a href="https://github.com/gka/chroma.js">chroma.js</a> -
JavaScript library for all kinds of color manipulations.</li>
<li><a href="https://github.com/Qix-/color">color</a> - JavaScript color
conversion and manipulation library.</li>
<li><a href="https://github.com/mrmrs/colors">colors</a> - Smarter
defaults for colors on the web.</li>
<li><a href="https://github.com/Fooidge/PleaseJS">PleaseJS</a> -
JavaScript Library for creating random pleasing colors and color
schemes.</li>
<li><a href="https://github.com/bgrins/TinyColor">TinyColor</a> - Fast,
small color manipulation and conversion for JavaScript.</li>
<li><a href="https://github.com/jariz/vibrant.js/">Vibrant.js</a> -
Extract prominent colors from an image.</li>
</ul>
<h2 id="i18n-and-l10n">I18n And L10n</h2>
<p><em>Localization (l10n) and internationalization (i18n) JavaScript
libraries.</em></p>
<ul>
<li><a href="https://github.com/i18next/i18next">i18next</a> -
internationalisation (i18n) with JavaScript the easy way.</li>
<li><a href="https://github.com/airbnb/polyglot.js">polyglot</a> - tiny
i18n helper library.</li>
<li><a href="https://github.com/nodeca/babelfish/">babelfish</a> - i18n
with human friendly API and built in plurals support.</li>
<li><a href="https://github.com/ttag-org/ttag">ttag</a> - Modern
javascript i18n localization library based on ES6 tagged templates and
the good old GNU gettext.</li>
<li><a href="https://github.com/fkirc/attranslate">attranslate</a> - A
JavaScript-tool for synchronizing translation-files, including
JSON/YAML/XML and other formats.</li>
</ul>
<h2 id="control-flow">Control Flow</h2>
<ul>
<li><a href="https://github.com/caolan/async">async</a> - Async
utilities for node and the browser.</li>
<li><a href="https://github.com/kriskowal/q">q</a> - A tool for making
and composing asynchronous promises in JavaScript.</li>
<li><a href="https://github.com/creationix/step/">step</a> - An async
control-flow library that makes stepping through logic easy.</li>
<li><a href="https://github.com/bevacqua/contra/">contra</a> -
Asynchronous flow control with a functional taste to it.</li>
<li><a href="https://github.com/petkaantonov/bluebird/">Bluebird</a> -
fully featured promise library with focus on innovative features and
performance.</li>
<li><a href="https://github.com/cujojs/when">when</a> - A solid, fast
Promises/A+ and when() implementation, plus other async goodies.</li>
<li><a
href="https://github.com/gartz/ObjectEventTarget">ObjectEventTarget</a>
- Provide a prototype that add support to event listeners (with same
behavior of EventTarget from DOMElements available on browsers).</li>
<li><a href="https://github.com/marcoonroad/sporadic">sporadic</a> -
Composable concurrency abstractions (such as streams, coroutines and
Go-like channels) on top of promises, for Node and browser engines.</li>
</ul>
<h2 id="routing">Routing</h2>
<ul>
<li><a href="https://github.com/flatiron/director">director</a> - A tiny
and isomorphic URL router for JavaScript.</li>
<li><a href="https://github.com/visionmedia/page.js">page.js</a> - Micro
client-side router inspired by the Express router (~1200 bytes).</li>
<li><a href="https://github.com/mtrpcic/pathjs">pathjs</a> - Simple,
lightweight routing for web browsers.</li>
<li><a
href="https://github.com/millermedeiros/crossroads.js">crossroads</a> -
JavaScript Routes.</li>
<li><a href="https://github.com/olivernn/davis.js">davis.js</a> -
RESTful degradable JavaScript routing using pushState.</li>
<li><a href="https://github.com/lukeed/navaid">navaid</a> - A navigation
aid (aka, router) for the browser in 850 bytes~!</li>
</ul>
<h2 id="security">Security</h2>
<ul>
<li><a href="https://github.com/cure53/DOMPurify">DOMPurify</a> - A
DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and
SVG.</li>
<li><a href="https://github.com/leizongmin/js-xss">js-xss</a> - Sanitize
untrusted HTML (to prevent XSS) with a configuration specified by a
Whitelist.</li>
<li><a href="https://github.com/yahoo/xss-filters">xss-filters</a> -
Secure XSS Filters by Yahoo.</li>
<li><a
href="https://github.com/apostrophecms/sanitize-html">sanitize-html</a>
- sanitize-html provides a simple HTML sanitizer with a clear API.</li>
</ul>
<h2 id="log">Log</h2>
<ul>
<li><a href="https://github.com/adamschwartz/log">log</a> - Console.log
with style.</li>
<li><a href="https://github.com/Oaxoa/Conzole">Conzole</a> - A debug
panel built in JavaScript that wraps JavaScript native console object
methods and functionality in a panel displayed inside the page.</li>
<li><a
href="https://github.com/patik/console.log-wrapper">console.log-wrapper</a>
- Log to the console in any browser with clarity.</li>
<li><a href="https://github.com/pimterry/loglevel">loglevel</a> -
Minimal lightweight logging for JavaScript, adding reliable log level
methods to wrap any available console.log methods.</li>
<li><a href="http://mixu.net/minilog/">minilog</a> – Lightweight client
&amp; server-side logging with Stream-API backends.</li>
<li><a href="http://guigrpa.github.io/storyboard/">storyboard</a> -
Universal logging library + Chrome extension; it lets you see all client
and server tasks triggered by a user action in a single place.</li>
<li><a href="https://logtape.org/">LogTape</a> - Simple logging library
with zero dependencies for Deno, Node.js, Bun, browsers, and edge
functions.</li>
</ul>
<h2 id="regexp">RegExp</h2>
<ul>
<li><a href="https://regex101.com/#javascript">RegEx101</a> - Online
regex tester and debugger for JavaScript. Also supports Python, PHP and
PCRE.</li>
<li><a href="https://regexr.com/">RegExr</a> - HTML/JS based tool for
creating, testing, and learning about Regular Expressions.</li>
<li><a href="https://jex.im/regulex/">Regulex</a> - JavaScript Regular
Expression Parser &amp; Visualizer.</li>
<li><a href="https://regex-vis.com/">Regex-Vis</a> - Regex visualizer
&amp; editor.</li>
</ul>
<h2 id="voice-command">Voice Command</h2>
<ul>
<li><a href="https://github.com/TalAter/annyang">annyang</a> - A
JavaScript library for adding voice commands to your site, using speech
recognition.</li>
<li><a href="https://github.com/pazguille/voix">voix.js</a> - A
JavaScript library to add voice commands to your sites, apps or
games.</li>
</ul>
<h2 id="api">API</h2>
<ul>
<li><a href="https://github.com/axios/axios">axios</a> - Promise based
HTTP client for the browser and node.js.</li>
<li><a href="https://github.com/SGrondin/bottleneck">bottleneck</a> - A
powerful rate limiter that makes throttling easy.</li>
<li><a
href="https://github.com/bettiolo/oauth-signature-js">oauth-signature-js</a>
- JavaScript OAuth 1.0a signature generator for node and the
browser.</li>
<li><a href="https://github.com/lincolnloop/amygdala">amygdala</a> -
RESTful HTTP client for JavaScript powered web applications.</li>
<li><a href="https://github.com/jpillora/jquery.rest">jquery.rest</a> -
A jQuery plugin for easy consumption of RESTful APIs.</li>
<li><a href="https://github.com/victor-am/rails-ranger">Rails Ranger</a>
- An opinionated REST client for Ruby on Rails APIs.</li>
<li><a href="https://github.com/elbywan/wretch">wretch</a> - A tiny
wrapper built around fetch with an intuitive syntax.</li>
<li><a href="https://github.com/WebsiteBeaver/far-fetch">FarFetch</a> -
Modern Fetch API wrapper for simplicity, with concise file
uploading.</li>
<li><a href="https://github.com/opticdev/optic">Optic</a> - Optic
automatically documents and tests your APIs.</li>
<li><a href="https://github.com/vercel/swr">SWR</a> - React Hooks
library for remote data fetching.</li>
<li><a href="https://github.com/tannerlinsley/react-query">React
Query</a> - Hooks for fetching, caching and updating asynchronous data
in React.</li>
<li><a href="https://github.com/Kong/swrv">SWRV</a> -
Stale-while-revalidate data fetching for Vue.</li>
<li><a href="https://github.com/DamianOsipiuk/vue-query">Vue Query</a> -
Hooks for fetching, caching and updating asynchronous data in Vue.</li>
</ul>
<h2 id="streaming">Streaming</h2>
<ul>
<li><a href="https://github.com/zalando/tailor">Tailor</a> - Streaming
layout service for front-end microservices, inspired by Facebook’s
BigPipe.</li>
</ul>
<h2 id="vision-detection">Vision Detection</h2>
<ul>
<li><a
href="https://github.com/eduardolundgren/tracking.js">tracking.js</a> -
A modern approach for Computer Vision on the web.</li>
<li><a href="https://github.com/antimatter15/ocrad.js">ocrad.js</a> -
OCR in JavaScript via Emscripten.</li>
</ul>
<h2 id="machine-learning">Machine Learning</h2>
<ul>
<li><a href="https://github.com/karpathy/convnetjs">ConvNetJS</a> - Deep
Learning in JavaScript. Train Convolutional Neural Networks (or ordinary
ones) in your browser.</li>
<li><a href="https://github.com/dn2a/dn2a-javascript">DN2A</a> - Digital
Neural Networks Architecture.</li>
<li><a href="https://github.com/harthur/brain">Brain.js</a> - Neural
networks in JavaScript.</li>
<li><a href="https://github.com/stevenmiller888/mind">Mind.js</a> - A
flexible neural network library.</li>
<li><a href="https://github.com/cazala/synaptic">Synaptic.js</a> -
Architecture-free neural network library for node.js and the
browser.</li>
<li><a href="https://www.tensorflow.org/js/">TensorFlow.js</a> - A
JavaScript library for training and deploying ML models in the browser
and on Node.js.</li>
<li><a href="https://ml5js.org">ml5.js</a> - Friendly Machine Learning
for the Web.</li>
<li><a href="https://github.com/mrdimosthenis/Synapses">Synapses</a> -
Lightweight cross-platform Neural Network library.</li>
<li><a href="https://github.com/BayesWitnesses/m2cgen">m2cgen</a> - A
CLI tool to transpile trained classic ML models into a native JavaScript
code with zero dependencies.</li>
<li><a
href="https://github.com/eduardoleao052/js-pytorch">JS-PyTorch</a> - GPU
accelerated PyTorch in JavaScript.</li>
</ul>
<h2 id="browser-detection">Browser Detection</h2>
<ul>
<li><a href="https://github.com/ded/bowser">bowser</a> - a browser
detector.</li>
</ul>
<h2 id="operating-system">Operating System</h2>
<ul>
<li><a href="https://github.com/os-js/OS.js">os.js</a> - An open-source
web desktop platform with a window manager, application APIs, GUI
toolkit, filesystem abstractions and much more.</li>
</ul>
<h2 id="benchmark">Benchmark</h2>
<ul>
<li><a href="https://github.com/bestiejs/benchmark.js">benchmark.js</a>
- A benchmarking library. As used on jsPerf.com.</li>
<li><a href="https://github.com/logicalparadox/matcha">matcha</a> - A
caffeine driven, simplistic approach to benchmarking.</li>
<li><a href="https://github.com/bencherdev/bencher">bencher</a> - A
suite of continuous benchmarking tools designed to catch performance
regressions in CI.</li>
</ul>
<h2 id="web-worker">Web Worker</h2>
<ul>
<li><a href="https://github.com/BuilderIO/partytown">partytown</a> -
Relocate resource intensive third-party scripts off of the main thread
and into a web worker.</li>
<li><a href="https://github.com/GoogleChromeLabs/comlink">comlink</a> -
Comlink is a tiny library (1.1kB), that removes the mental barrier of
thinking about postMessage and hides the fact that you are working with
workers.</li>
<li><a href="https://github.com/developit/greenlet">greenlet</a> - Move
an async function into its own thread.</li>
<li><a href="https://github.com/developit/workerize">workerize</a> -
Moves a module into a Web Worker, automatically reflecting exported
functions as asynchronous proxies.</li>
<li><a href="https://github.com/ampproject/worker-dom">worker-dom</a> -
An in-progress implementation of the DOM API intended to run within a
Web Worker.</li>
<li><a href="https://github.com/andywer/threads.js">threads.js</a> -
Offload CPU-intensive tasks to worker threads in node.js, web browsers
and electron using one uniform API.</li>
<li><a href="https://github.com/pshihn/workly">workly</a> - A really
simple way to move a function or class to a web worker.</li>
<li><a href="https://github.com/developit/stockroom">stockroom</a> -
Offload your store management to a worker easily.</li>
<li><a href="https://github.com/josdejong/workerpool">workerpool</a> -
Offload tasks to a pool of workers on node.js and in the browser.</li>
<li><a href="https://github.com/GoogleChromeLabs/clooney">clooney</a> -
Clooney is an actor library for the web. Use workers without thinking
about workers.</li>
</ul>
<h2 id="code-highlighting">Code highlighting</h2>
<ul>
<li><a href="https://github.com/isagalaev/highlight.js">Highlight.js</a>
- JavaScript syntax highlighter.</li>
<li><a href="https://github.com/PrismJS/prism">PrismJS</a> -
Lightweight, robust, elegant syntax highlighting.</li>
</ul>
<h2 id="loading-status">Loading Status</h2>
<p><em>Libraries for indicate load status.</em></p>
<ul>
<li><a
href="https://github.com/lightningtgc/MProgress.js">Mprogress.js</a> -
Create Google Material Design progress linear bars.</li>
<li><a href="https://ricostacruz.com/nprogress/">NProgress</a> - Slim
progress bars for Ajax’y applications.</li>
<li><a href="https://github.com/fgnass/spin.js">Spin.js</a> - A spinning
activity indicator.</li>
<li><a href="https://github.com/usablica/progress.js">progress.js</a> -
Create and manage progress bar for every objects on the page.</li>
<li><a
href="https://github.com/kimmobrunfeldt/progressbar.js">progressbar.js</a>
- Beautiful and responsive progress bars with animated SVG paths.</li>
<li><a href="https://github.com/HubSpot/pace">pace</a> - Automatically
add a progress bar to your site.</li>
<li><a href="https://github.com/buunguyen/topbar">topbar</a> - Tiny
&amp; beautiful site-wide progress indicator.</li>
<li><a href="https://github.com/jacoborus/nanobar">nanobar</a> - Very
lightweight progress bars. No jQuery.</li>
<li><a
href="https://github.com/codrops/PageLoadingEffects">PageLoadingEffects</a>
- Modern ways of revealing new content using SVG animations.</li>
<li><a href="https://github.com/tobiasahlin/SpinKit">SpinKit</a> - A
collection of loading indicators animated with CSS.</li>
<li><a href="https://github.com/hakimel/Ladda">Ladda</a> - Buttons with
built-in loading indicators.</li>
<li><a href="https://github.com/lukehaas/css-loaders">css-loaders</a> -
A collection of loading spinners animated with CSS</li>
</ul>
<h2 id="validation">Validation</h2>
<ul>
<li><a
href="https://github.com/guillaumepotier/Parsley.js">Parsley.js</a> -
Validate your forms, frontend, without writing a single line of
JavaScript.</li>
<li><a
href="https://github.com/jzaefferer/jquery-validation">jquery-validation</a>
- jQuery Validation Plugin.</li>
<li><a href="https://github.com/chriso/validator.js">validator.js</a> -
String validation and sanitization.</li>
<li><a
href="https://github.com/rickharrison/validate.js">validate.js</a> -
Lightweight JavaScript form validation library inspired by
CodeIgniter.</li>
<li><a href="https://github.com/jaymorrow/validatr/">validatr</a> -
Cross Browser HTML5 Form Validation.</li>
<li><a href="https://formvalidation.io/">FormValidation</a> - The best
jQuery plugin to validate form fields. Formerly BootstrapValidator.</li>
<li><a href="https://github.com/arasatasaygin/is.js">is.js</a> - Check
types, regexps, presence, time and more.</li>
<li><a href="https://github.com/FieldVal/fieldval-js">FieldVal</a> -
multipurpose validation library. Supports both sync and async
validation.</li>
<li><a href="https://github.com/neuledge/funval">Funval</a> - Data
validation using functions interfaces (support TypeScript).</li>
<li><a href="https://github.com/ealush/vest">vest</a> - 🦺 Declarative
form validation framework inspired by unit testing.</li>
</ul>
<h2 id="keyboard-wrappers">Keyboard Wrappers</h2>
<ul>
<li><a href="https://github.com/ccampbell/mousetrap">mousetrap</a> -
Simple library for handling keyboard shortcuts in JavaScript.</li>
<li><a href="https://github.com/madrobby/keymaster">keymaster</a> - A
simple micro-library for defining and dispatching keyboard
shortcuts.</li>
<li><a href="https://github.com/dmauro/Keypress">Keypress</a> - A
keyboard input capturing utility in which any key can be a modifier
key.</li>
<li><a href="https://github.com/RobertWHurst/KeyboardJS">KeyboardJS</a>
- A JavaScript library for binding keyboard combos without the pain of
key codes and key combo conflicts.</li>
<li><a
href="https://github.com/jeresig/jquery.hotkeys">jquery.hotkeys</a> -
jQuery Hotkeys lets you watch for keyboard events anywhere in your code
supporting almost any key combination.</li>
<li><a href="https://github.com/keithamus/jwerty">jwerty</a> - Awesome
handling of keyboard events.</li>
</ul>
<h2 id="tours-and-guides">Tours And Guides</h2>
<ul>
<li><a href="https://github.com/usablica/intro.js">intro.js</a> - A
better way for new feature introduction and step-by-step users guide for
your website and project.</li>
<li><a href="https://github.com/HubSpot/shepherd">shepherd</a> - Guide
your users through a tour of your app.</li>
<li><a
href="https://github.com/sorich87/bootstrap-tour">bootstrap-tour</a> -
Quick and easy product tours with Twitter Bootstrap Popovers.</li>
<li><a href="https://github.com/easelinc/tourist">tourist</a> - Simple,
flexible tours for your app.</li>
<li><a href="https://github.com/linkedin/hopscotch">hopscotch</a> - A
framework to make it easy for developers to add product tours to their
pages.</li>
<li><a href="https://github.com/zurb/joyride">joyride</a> - jQuery
feature tour plugin.</li>
<li><a href="https://github.com/zzarcon/focusable">focusable</a> - Set a
spotlight focus on DOM element adding a overlay layer to the rest of the
page.</li>
<li><a href="https://github.com/kamranahmedse/driver.js">driver.js</a> -
Powerful yet light-weight, vanilla JavaScript engine to drive the user’s
focus across the page</li>
</ul>
<h2 id="notifications">Notifications</h2>
<ul>
<li><a href="https://github.com/dolce/iziToast">iziToast</a> - Elegant,
responsive, flexible and lightweight notification plugin with no
dependencies.</li>
<li><a href="https://github.com/HubSpot/messenger">messenger</a> -
Growl-style alerts and messages for your app.</li>
<li><a href="https://github.com/needim/noty">noty</a> - jQuery
notification plugin.</li>
<li><a href="https://github.com/sciactive/pnotify">pnotify</a> -
JavaScript notifications for Bootstrap, jQuery UI, and the Web
Notifications Draft.</li>
<li><a href="https://github.com/CodeSeven/toastr">toastr</a> - Simple
JavaScript toast notifications.</li>
<li><a href="https://github.com/wavded/humane-js">humane-js</a> - A
simple, modern, browser notification system.</li>
<li><a href="https://github.com/hxgf/smoke.js">smoke.js</a> -
Framework-agnostic styled alert system for JavaScript.</li>
<li><a href="https://github.com/jaredreich/notie">notie</a> - Simple
notifications and inputs with no dependencies.</li>
<li><a href="https://github.com/notifirehq/notifire">notifire</a> -
Open-source notification infrastructure for products.</li>
<li><a href="https://github.com/apvarun/toastify-js">toastify-js</a> -
Pure JavaScript library for better notification messages.</li>
</ul>
<h2 id="sliders">Sliders</h2>
<ul>
<li><a href="https://github.com/nolimits4web/Swiper">Swiper</a> - Mobile
touch slider and framework with hardware accelerated transitions.</li>
<li><a href="https://github.com/kenwheeler/slick">slick</a> - The last
carousel you’ll ever need.</li>
<li><a href="http://www.slidesjs.com">slidesJs</a> - Is a responsive
slideshow plug-in for JQuery(1.7.1+) with features like touch and CSS3
transitions</li>
<li><a href="https://github.com/woothemes/FlexSlider">FlexSlider</a> -
An awesome, fully responsive jQuery slider plugin.</li>
<li><a href="https://github.com/darsain/sly">sly</a> - JavaScript
library for one-directional scrolling with item based navigation
support.</li>
<li><a href="https://github.com/jaysalvat/vegas">vegas</a> - A jQuery
plugin to add beautiful fullscreen backgrounds to your webpages. It even
allows Slideshows.</li>
<li><a href="https://github.com/IanLunn/Sequence">Sequence</a> - CSS
animation framework for creating responsive sliders, presentations,
banners, and other step-based applications.</li>
<li><a href="https://github.com/hakimel/reveal.js">reveal.js</a> - A
framework for easily creating beautiful presentations using HTML.</li>
<li><a href="https://github.com/impress/impress.js">impress.js</a> -
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.</li>
<li><a href="https://github.com/bespokejs/bespoke">bespoke.js</a> - DIY
Presentation Micro-Framework</li>
<li><a href="https://github.com/tantaman/Strut">Strut</a> - Strut - An
Impress.js and Bespoke.js Presentation Editor</li>
<li><a href="https://github.com/dimsemenov/PhotoSwipe">PhotoSwipe</a> -
JavaScript image gallery for mobile and desktop, modular, framework
independent.</li>
<li><a href="https://github.com/JoanClaret/jcSlider">jcSlider</a> - A
responsive slider jQuery plugin with CSS animations.</li>
<li><a
href="https://github.com/jcobb/basic-jquery-slider">basic-jquery-slider</a>
- Simple to use, simple to theme, simple to customise.</li>
<li><a
href="https://github.com/creative-punch/jQuery.adaptive-slider/">jQuery.adaptive-slider</a>
- A jQuery plugin for a slider with adaptive colored figcaption and
navigation.</li>
<li><a href="https://github.com/bchanx/slidr">slidr</a> - add some slide
effects.</li>
<li><a href="https://github.com/metafizzy/flickity">Flickity</a> -
Touch, responsive, flickable galleries.</li>
<li><a href="https://github.com/jedrzejchalubek/glidejs">Glide.js</a> -
Responsive and touch-friendly jQuery slider. It’s simple, lightweight
and fast.</li>
<li><a href="https://github.com/davidcetinkaya/embla-carousel">Embla
Carousel</a> - An extensible low level carousel for the web, written in
TypeScript.</li>
</ul>
<h2 id="range-sliders">Range Sliders</h2>
<ul>
<li><a
href="https://github.com/IonDen/ion.rangeSlider">Ion.RangeSlider</a> -
Powerful and easily customizable range slider with many options and skin
support.</li>
<li><a href="https://github.com/ghusse/jQRangeSlider">jQRangeSlider</a>
- A JavaScript slider selector that supports dates.</li>
<li><a href="https://github.com/leongersen/noUiSlider">noUiSlider</a> -
A lightweight, highly customizable range slider without bloat.</li>
<li><a
href="https://github.com/andreruffert/rangeslider.js">rangeslider.js</a>
- HTML5 input range slider element polyfill.</li>
</ul>
<h2 id="form-widgets">Form Widgets</h2>
<h3 id="input">Input</h3>
<ul>
<li><a href="https://github.com/twitter/typeahead.js">typeahead.js</a> -
A fast and fully-featured autocomplete library.</li>
<li><a href="https://github.com/aehlke/tag-it">tag-it</a> - A jQuery UI
plugin to handle multi-tag fields as well as tag
suggestions/autocomplete.</li>
<li><a href="https://github.com/ichord/At.js">At.js</a> - Add GitHub
like mentions autocomplete to your application.</li>
<li><a
href="https://github.com/jamesallardice/Placeholders.js">Placeholders.js</a>
- A JavaScript polyfill for the HTML5 placeholder attribute.</li>
<li><a href="https://github.com/yairEO/fancyInput">fancyInput</a> -
Makes typing in input fields fun with CSS3 effects.</li>
<li><a
href="https://github.com/xoxco/jQuery-Tags-Input">jQuery-Tags-Input</a>
- Magically convert a simple text input into a cool tag list with this
jQuery plugin.</li>
<li><a
href="https://github.com/BankFacil/vanilla-masker">vanilla-masker</a> -
A pure JavaScript mask input.</li>
<li><a
href="https://github.com/IonDen/ion.checkRadio">Ion.CheckRadio</a> -
jQuery plugin for styling checkboxes and radio-buttons. With skin
support.</li>
<li><a href="https://github.com/LeaVerou/awesomplete">awesomplete</a> -
Ultra lightweight, usable, beautiful autocomplete with zero
dependencies. - https://projects.verou.me/awesomplete/</li>
</ul>
<h3 id="calendar">Calendar</h3>
<ul>
<li><a href="https://github.com/amsul/pickadate.js">pickadate.js</a> -
The mobile-friendly, responsive, and lightweight jQuery date &amp; time
input picker.</li>
<li><a
href="https://github.com/eternicode/bootstrap-datepicker">bootstrap-datepicker</a>
- A datepicker for <span class="citation"
data-cites="twitter">@twitter</span> bootstrap forked from Stefan
Petre’s (of eyecon.ro), improvements by <span class="citation"
data-cites="eternicode">@eternicode</span>.</li>
<li><a href="https://github.com/dbushell/Pikaday">Pikaday</a> - A
refreshing JavaScript Datepicker — lightweight, no dependencies, modular
CSS.</li>
<li><a
href="https://github.com/fullcalendar/fullcalendar">fullcalendar</a> -
Full-sized drag &amp; drop event calendar (jQuery plugin).</li>
<li><a href="https://github.com/bevacqua/rome">rome</a> - A customizable
date (and time) picker. Dependency free, opt-in UI.</li>
<li><a href="https://github.com/dangrossman/daterangepicker">Date Range
Picker</a> - creates a dropdown menu from which a user can select a
range of dates.</li>
<li><a href="https://github.com/duetds/date-picker">Duet Date Picker</a>
- open source version of Duet Design System’s accessible date picker,
WCAG 2.1 accessibility complaint</li>
<li><a href="https://github.com/nhn/tui.calendar">tui.calendar</a> - A
JavaScript schedule calendar that is full featured. Now your service
just got the customizable calendar.</li>
<li><a href="https://github.com/schedule-x/schedule-x">Schedule-X</a> -
Material design event calendar. Features drag &amp; drop, dark mode,
multiple views and more.</li>
</ul>
<h3 id="select">Select</h3>
<ul>
<li><a href="https://github.com/selectize/selectize.js">selectize.js</a>
- Selectize is the hybrid of a textbox and <code>&lt;select&gt;</code>
box. It’s jQuery based and it has autocomplete and native-feeling
keyboard navigation; useful for tagging, contact lists, etc.</li>
<li><a href="https://github.com/select2/select2">select2</a> - a jQuery
based replacement for select boxes. It supports searching, remote data
sets, and infinite scrolling of results.</li>
<li><a href="https://github.com/harvesthq/chosen">chosen</a> - A library
for making long, unwieldy select boxes more friendly.</li>
</ul>
<h3 id="file-uploader">File Uploader</h3>
<ul>
<li><a
href="https://github.com/blueimp/jQuery-File-Upload">jQuery-File-Upload</a>
- File Upload widget with multiple file selection, drag&amp;drop
support, progress bar, validation and preview images, audio and video
for jQuery.</li>
<li><a href="https://github.com/enyo/dropzone">dropzone</a> - Dropzone
is an easy to use drag’n’drop library. It supports image previews and
shows nice progress bars.</li>
<li><a href="https://github.com/flowjs/flow.js">flow.js</a> - A
JavaScript library providing multiple simultaneous, stable,
fault-tolerant and resumable/restartable file uploads via the HTML5 File
API.</li>
<li><a
href="https://github.com/FineUploader/fine-uploader">fine-uploader</a> -
Multiple file upload plugin with progress-bar, drag-and-drop,
direct-to-S3 uploading.</li>
<li><a href="https://github.com/mailru/FileAPI">FileAPI</a> - 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.</li>
<li><a href="https://github.com/moxiecode/plupload">plupload</a> - 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.</li>
<li><a href="https://github.com/pqina/filepond">filepond</a> - A
JavaScript library that can upload anything you throw at it, optimizes
images for faster uploads, and offers a great, accessible, silky smooth
user experience.</li>
</ul>
<h3 id="other">Other</h3>
<ul>
<li><p><a href="https://github.com/jquery-form/form">form</a> - jQuery
Form Plugin.</p></li>
<li><p><a
href="https://github.com/guillaumepotier/Garlic.js">Garlic.js</a> -
Automatically persist your forms’ text and select field values locally,
until the form is submitted.</p></li>
<li><p><a href="https://github.com/RadLikeWhoa/Countable">Countable</a>
- A JavaScript function to add live paragraph-, word- and
character-counting to an HTML element.</p></li>
<li><p><a href="https://github.com/jessepollak/card">card</a> - Make
your credit card form better in one line of code.</p></li>
<li><p><a href="https://github.com/LeaVerou/stretchy">stretchy</a> -
Form element autosizing, the way it should be.</p></li>
<li><p><a href="https://github.com/davidwells/analytics">analytics</a> -
A lightweight, extendable analytics library designed to work with any
third-party analytics provider to track page views, custom events, &amp;
identify users.</p></li>
<li><p><a href="https://github.com/dataarts/dat.gui">dat.GUI</a> - A
lightweight gui controller for changing variables in JavaScript. ##
Tips</p></li>
<li><p><a href="https://github.com/jaz303/tipsy">tipsy</a> -
Facebook-style tooltips plugin for jQuery.</p></li>
<li><p><a href="https://github.com/enyo/opentip">opentip</a> - An open
source JavaScript tooltip based on the prototype framework.</p></li>
<li><p><a href="https://github.com/qTip2/qTip2">qTip2</a> - Pretty
powerful tooltips.</p></li>
<li><p><a href="https://github.com/iamceege/tooltipster">tooltipster</a>
- A jQuery tooltip plugin.</p></li>
<li><p><a href="https://github.com/arashmanteghi/simptip">simptip</a> -
A simple CSS tooltip made with Sass.</p></li>
<li><p><a href="https://github.com/paulkinzett/toolbar">toolbar</a> - A
tooltip style toolbar jQuery plugin</p></li>
<li><p><a href="https://github.com/chinchang/hint.css">hint.css</a> - A
tooltip library in CSS for your lovely websites.</p></li>
</ul>
<h2 id="modals-and-popups">Modals and Popups</h2>
<ul>
<li><a
href="https://github.com/dimsemenov/Magnific-Popup">Magnific-Popup</a> -
Light and responsive lightbox script with focus on performance.</li>
<li><a
href="https://github.com/gristmill/jquery-popbox">jquery-popbox</a> -
jQuery PopBox UI Element.</li>
<li><a
href="https://github.com/voronianski/jquery.avgrund.js">jquery.avgrund.js</a>
- A jQuery plugin with new modal concept for popups.</li>
<li><a href="https://github.com/HubSpot/vex">vex</a> - A modern dialog
library which is highly configurable and easy to style.</li>
<li><a
href="https://github.com/jschr/bootstrap-modal">bootstrap-modal</a> -
Extends the default Bootstrap Modal class. Responsive, stackable, ajax
and more.</li>
<li><a href="https://github.com/drublic/css-modal">css-modal</a> - A
modal built out of pure CSS.</li>
<li><a
href="https://github.com/vast-engineering/jquery-popup-overlay">jquery-popup-overlay</a>
- jQuery plugin for responsive and accessible modal windows and
tooltips.</li>
<li><a href="https://github.com/t4t5/sweetalert">SweetAlert</a> - An
awesome replacement for JavaScript’s alert.</li>
<li><a href="https://github.com/sweetalert2/sweetalert2">SweetAlert2</a>
- An awesome replacement for JavaScript’s alert.</li>
<li><a
href="https://github.com/feimosi/baguetteBox.js">baguetteBox.js</a> -
Simple and easy to use lightbox script written in pure JavaScript.</li>
<li><a href="https://github.com/jackmoore/colorbox">colorbox</a> - A
light-weight, customizable lightbox plugin for jQuery.</li>
<li><a href="https://github.com/fancyapps/fancyBox">fancyBox</a> - A
tool that offers a nice and elegant way to add zooming functionality for
images, html content and multi-media on your webpages.</li>
<li><a href="https://github.com/brutaldesign/swipebox">swipebox</a> - A
touchable jQuery lightbox</li>
<li><a href="https://github.com/StephanWagner/jBox">jBox</a> - jBox is a
powerful and flexible jQuery plugin, taking care of all your popup
windows, tooltips, notices and more.</li>
<li><a
href="https://github.com/sachinchoolur/lightGallery">lightGallery</a> -
A customizable, modular, responsive, lightbox gallery plugin for
jQuery.</li>
<li><a href="https://github.com/Alexandrshy/keukenhof">keukenhof</a> -
Lightweight, no dependencies, accessibility enabled TypeScript library
for creating modal windows.</li>
<li><a
href="https://github.com/sindresorhus/screenfull.js">screenfull.js</a> -
the JavaScript Fullscreen API, which lets you bring the page or any
element into fullscreen. Smoothens out the browser implementation
differences, so you don’t have to.</li>
</ul>
<h2 id="scroll">Scroll</h2>
<ul>
<li><a href="https://github.com/stutrek/scrollMonitor">scrollMonitor</a>
- A simple and fast API to monitor elements as you scroll.</li>
<li><a href="https://github.com/WickyNilliams/headroom.js">headroom</a>
- Give your pages some headroom. Hide your header until you need
it.</li>
<li><a
href="https://github.com/peachananr/onepage-scroll">onepage-scroll</a> -
Create an Apple-like one page scroller website (iPhone 5S website) with
One Page Scroll plugin.</li>
<li><a href="https://github.com/cubiq/iscroll">iscroll</a> - iScroll is
a high performance, small footprint, dependency free, multi-platform
JavaScript scroller.</li>
<li><a href="https://github.com/Prinzhorn/skrollr">skrollr</a> -
Stand-alone parallax scrolling library for mobile (Android + iOS) and
desktop. No jQuery.</li>
<li><a href="https://github.com/wagerfield/parallax">parallax</a> -
Parallax Engine that reacts to the orientation of a smart device.</li>
<li><a href="https://github.com/markdalgleish/stellar.js">stellar.js</a>
- Parallax scrolling made easy.</li>
<li><a href="https://github.com/cameronmcefee/plax">plax</a> - jQuery
powered parallaxing.</li>
<li><a href="https://github.com/stephband/jparallax">jparallax</a> -
jQuery plugin for creating interactive parallax effect.</li>
<li><a href="https://github.com/alvarotrigo/fullPage.js">fullPage</a> -
A simple and easy to use plugin to create fullscreen scrolling websites
(also known as single page websites).</li>
<li><a href="https://github.com/s-yadav/ScrollMenu">ScrollMenu</a> - A
new interface to replace old boring scrollbar.</li>
<li><a href="https://github.com/NeXTs/Clusterize.js">Clusterize.js</a> -
Tiny vanilla JS plugin to display large data sets easily.</li>
<li><a
href="https://github.com/geosigno/simpleParallax">simpleParallax</a> -
Simple and tiny JavaScript library to add parallax animations on any
images</li>
<li><a href="https://github.com/dixonandmoe/rellax">rellax</a> - Buttery
smooth, super lightweight, vanilla javascript parallax library.</li>
<li><a href="https://github.com/ashthornton/asscroll">asscroll</a> - A
hybrid smooth scroll setup that combines the performance gains of
virtual scroll with the reliability of native scroll.</li>
<li><a href="https://github.com/hakimel/stroll.js">stroll</a> - A
collection of CSS List scroll effects bind to dom through
javascript.</li>
<li><a
href="https://github.com/locomotivemtl/locomotive-scroll">locomotive-scroll</a>
- Detects the elements in viewport and smooth scrolling with
parallax.</li>
<li><a href="https://github.com/tholman/elevator.js">elevator.js</a> -
Finally, a “back to top” button that behaves like a real elevator.</li>
</ul>
<h2 id="menu">Menu</h2>
<ul>
<li><a
href="https://github.com/kamens/jQuery-menu-aim">jQuery-menu-aim</a> -
jQuery plugin to fire events when user’s cursor aims at particular
dropdown menu items. For making responsive mega dropdowns like
Amazon’s.</li>
<li><a href="https://github.com/swisnl/jQuery-contextMenu">jQuery
contextMenu</a> - contextMenu manager.</li>
<li><a href="https://github.com/mango/slideout">Slideout</a> - A
responsive touch slideout navigation menu for mobile web apps.</li>
<li><a href="https://github.com/JoanClaret/slide-and-swipe-menu">Slide
and swipe</a> - A sliding swipe menu that works with touchSwipe
library.</li>
<li><a href="https://github.com/FrDH/jQuery.mmenu">mmenu</a> - The best
jQuery plugin for app look-alike on- and off-canvas menus with sliding
submenus for your website and webapp.</li>
</ul>
<h2 id="tablegrid">Table/Grid</h2>
<ul>
<li><a href="https://github.com/hikalkan/jtable">jTable</a> - A jQuery
plugin to create AJAX based CRUD tables.</li>
<li><a href="https://www.datatables.net/">DataTables</a> - (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.</li>
<li><a href="http://olifolkerd.github.io/tabulator/">Tabulator</a> -
(jQuery plug-in) An extremely flexible library that create tables with a
range of interactive features from any JSON data source or existing HTML
table.</li>
<li><a href="https://bootstrap-table.com/">Bootstrap Table</a> - An
Extension to the popular Bootstrap framework for creating tables that
fit the style of your site with no need for additional markup.</li>
<li><a href="https://github.com/mkoryak/floatThead">floatThead</a> -
(jQuery plug-in) lock any table’s header while scrolling within the
body. Works on any table and requires no custom html or css.</li>
<li><a href="https://masonry.desandro.com/">Masonry</a> - A cascading
grid layout library.</li>
<li><a href="https://packery.metafizzy.co/">Packery</a> - A grid layout
library that uses a bin-packing algorithm. Useable for draggable
layouts.</li>
<li><a href="https://isotope.metafizzy.co/">Isotope</a> - A filterable,
sortable, grid layout library. Can implement Masonry, Packery, and other
layouts.</li>
<li><a
href="https://github.com/kristoferjoseph/flexboxgrid/">flexboxgrid</a> -
Grid based on CSS3 flexbox.</li>
</ul>
<h2 id="frameworks-1">Frameworks</h2>
<ul>
<li><a href="https://semantic-ui.com/">Semantic UI</a> - UI Kit with
lots of themes and elements.</li>
<li><a href="http://w2ui.com/">w2ui</a> - A set of jQuery plugins for
front-end development of data-driven web applications.</li>
<li><a href="https://github.com/mrmrs/fluidity">fluidity</a> - The
worlds smallest fully-responsive css framework.</li>
<li><a href="https://github.com/sapo/Ink">Ink</a> - An HTML5/CSS3
framework used at SAPO for fast and efficient website design and
prototyping.</li>
<li><a href="https://github.com/dataformsjs/dataformsjs">DataFormsJS</a>
- A minimal JavaScript Framework and standalone components for rapid
development of sites and SPA’s.</li>
<li><a href="https://github.com/Guseyn/EHTML">EHTML</a> - HTML Framework
that allows you not to write JavaScript code.</li>
</ul>
<h2 id="boilerplates">Boilerplates</h2>
<ul>
<li><a
href="https://github.com/h5bp/html5-boilerplate">html5-boilerplate</a> -
A professional front-end template for building fast, robust, and
adaptable web apps or sites.</li>
<li><a
href="https://github.com/h5bp/mobile-boilerplate">mobile-boilerplate</a>
- A front-end template that helps you build fast, modern mobile web
apps.</li>
<li><a href="https://github.com/chrishumboldt/webplate">webplate</a> -
An awesome front-end framework that lets you stay focused on building
your site or app while remaining really easy to use.</li>
<li><a href="https://github.com/TedGoas/Cerberus">Cerberus</a> - A few
simple, but solid patterns for responsive HTML emails. Even in
Outlook.</li>
<li><a
href="https://github.com/CodyHouse/full-page-intro-and-navigation">full-page-intro-and-navigation</a>
- An intro page with a full width background image, a bold animated menu
and an iOS-like blurred effect behind the navigation.</li>
<li><a
href="https://github.com/crozynski/Fluid-Squares">Fluid-Squares</a> - A
fluid grid of square units.</li>
<li><a
href="https://github.com/bradfrost/Mobile-First-RWD">Mobile-First-RWD</a>
- An example of a mobile-first responsive web design.</li>
<li><a
href="https://github.com/bradfrost/this-is-responsive">this-is-responsive</a>
- This Is Responsive.</li>
<li><a
href="https://gist.github.com/addyosmani/9f10c555e32a8d06ddb0">npm
run-scripts</a> Task automation with NPM run-scripts.</li>
<li><a href="https://github.com/wasp-lang/wasp">Wasp</a> Wasp is a
declarative domain-specific language for developing, building, and
deploying modern Javascript full-stack web apps with less code.</li>
</ul>
<h2 id="images">Images</h2>
<ul>
<li><p><a href="https://github.com/imgix/drift">Drift</a> - Easily add
“zoom on hover” functionality to your site’s images. Lightweight,
no-dependency JavaScript.</p></li>
<li><p><a
href="https://github.com/AndersDJohnson/magnificent.js">Magnificent.js</a>
- Zoom responsively, images &amp; more, w/ jQuery.</p></li>
<li><p><a href="https://github.com/pchen66/panolens.js">Panolens.js</a>
- Panolens.js is an event-driven and WebGL based panorama viewer.
Lightweight and flexible ## Gesture</p></li>
<li><p><a href="https://github.com/hammerjs/hammer.js">hammer.js</a> - A
JavaScript library for multi-touch gestures.</p></li>
<li><p><a
href="https://github.com/hammerjs/touchemulator">touchemulator</a> -
Emulate touch input on your desktop.</p></li>
<li><p><a href="https://github.com/bevacqua/dragula/">Dragula</a> - Drag
and drop so simple it hurts.</p></li>
</ul>
<h2 id="maps">Maps</h2>
<ul>
<li><a href="https://github.com/Leaflet/Leaflet">Leaflet</a> -
JavaScript library for mobile-friendly interactive maps.</li>
<li><a href="https://github.com/AnalyticalGraphicsInc/cesium">Cesium</a>
- Open Source WebGL virtual globe and map engine.</li>
<li><a href="https://github.com/HPNeo/gmaps">gmaps</a> - The easiest way
to use Google Maps.</li>
<li><a href="https://github.com/simplegeo/polymaps">polymaps</a> - A
free JavaScript library for making dynamic, interactive maps in modern
web browsers.</li>
<li><a
href="https://github.com/kartograph/kartograph.js">kartograph.js</a> -
Open source JavaScript renderer for Kartograph SVG maps.</li>
<li><a href="https://github.com/mapbox/mapbox.js">mapbox.js</a> - Mapbox
JavaScript API, a Leaflet Plugin.</li>
<li><a href="https://github.com/manifestinteractive/jqvmap">jqvmap</a> -
jQuery Vector Map Library.</li>
<li><a href="https://openlayers.org/">OpenLayers3</a> - A
high-performance, feature-packed library for all your mapping
needs.</li>
<li><a href="https://github.com/uber/h3">H3js</a> - Hexagonal
hierarchical geospatial indexing system ported to javascript by Uber for
geospatial visualization.</li>
</ul>
<h2 id="videoaudio">Video/Audio</h2>
<ul>
<li><a
href="https://github.com/mike-zarandona/prettyembed.js">prettyembed.js</a>
- Prettier embeds for your YouTubes - with nice options like high-res
preview images, advanced customization of embed options, and optional
FitVids support.</li>
<li><a href="https://github.com/adrienjoly/playemjs">Play-em JS</a> -
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.</li>
<li><a href="https://github.com/Acconut/polyplayer">polyplayer</a> -
Rule YouTube, Soundcloud and Vimeo player with one API.</li>
<li><a href="https://github.com/flowplayer/flowplayer">flowplayer</a> -
The HTML5 video player for the web <a href="https://flowplayer.com/"
class="uri">https://flowplayer.com/</a></li>
<li><a href="https://github.com/johndyer/mediaelement">mediaelement</a>
- HTML5 <audio> or <video> player with Flash and Silverlight shims that
mimics the HTML5 MediaElement API, enabling a consistent UI in all
browsers. <a href="http://www.mediaelementjs.com/"
class="uri">http://www.mediaelementjs.com/</a></li>
<li><a href="https://github.com/CreateJS/SoundJS">SoundJS</a> - A
library to make working with audio on the web easier. It provides a
consistent API for playing audio in different browsers.</li>
<li><a href="https://github.com/videojs/video.js">video.js</a> -
Video.js - open source HTML5 &amp; Flash video player.</li>
<li><a href="https://github.com/davatron5000/FitVids.js">FitVids.js</a>
- A lightweight, easy-to-use jQuery plugin for fluid width video
embeds.</li>
<li><a href="https://github.com/IonDen/ion.sound">Ion.Sound</a> - Simple
sounds on any web page.</li>
<li><a
href="https://github.com/WolframHempel/photobooth-js">photobooth-js</a>
- A widget that allows users to take their avatar pictures on your
site.</li>
<li><a href="https://github.com/clappr/clappr">clappr</a> - An
extensible media player for the web http://clappr.io</li>
<li><a href="https://github.com/EvandroLG/ts-audio">ts-audio</a> - an
agnostic and easy-to-use library to work with the
<code>AudioContext</code> API.</li>
<li><a
href="https://521dimensions.com/open-source/amplitudejs">AmplitudeJS</a>
- Open Source HTML5 Web Audio Library. Design your web audio player, the
way you want. No dependencies required.</li>
<li><a
href="https://github.com/ysulyma/ractive-player">ractive-player</a> - A
library for making interactive videos in React.js.</li>
<li><a href="https://github.com/Kagami/ffmpeg.js">ffmpeg.js</a> - FFmpeg
optimized for in-browser use: minimal size for faster loading, asm.js,
performance tunings, etc.</li>
<li><a href="https://github.com/bilibili/flv.js">flv.js</a> - An HTML5
Flash Video (FLV) Player written in pure JavaScript without Flash.</li>
<li><a href="https://github.com/video-dev/hls.js">hls.js</a> - A
JavaScript library that implements an HTTP Live Streaming client. It
relies on HTML5 video and MediaSource Extensions for playback.</li>
</ul>
<h2 id="typography">Typography</h2>
<ul>
<li><a href="https://github.com/simplefocus/FlowType.JS">FlowType.JS</a>
- Web typography at its finest: font-size and line-height based on
element width.</li>
<li><a href="https://github.com/zachleat/BigText">BigText</a> - jQuery
plugin, calculates the font-size and word-spacing needed to match a line
of text to a specific width.</li>
<li><a href="https://github.com/peterhry/circletype">circletype</a> - A
jQuery plugin that lets you curve type on the web.</li>
<li><a href="https://github.com/freqDec/slabText/">slabText</a> - A
jQuery plugin for producing big, bold &amp; responsive headlines.</li>
<li><a
href="https://github.com/peachananr/simple-text-rotator">simple-text-rotator</a>
- Add a super simple rotating text to your website with little to no
markup.</li>
<li><a
href="https://github.com/chuckyglitch/novacancy.js">novacancy.js</a> -
Text Neon Golden effect jQuery plug-in.</li>
<li><a
href="https://github.com/ghepting/jquery-responsive-text">jquery-responsive-text</a>
- Make your text sizing responsive!</li>
<li><a href="https://github.com/davatron5000/FitText.js">FitText.js</a>
- A jQuery plugin for inflating web type.</li>
<li><a
href="https://github.com/davatron5000/Lettering.js">Lettering.js</a> - A
lightweight, easy to use JavaScript <code>&lt;span&gt;</code> injector
for radical Web Typography.</li>
</ul>
<h2 id="animations">Animations</h2>
<ul>
<li><a href="https://github.com/julianshapiro/velocity">velocity</a> -
Accelerated JavaScript animation.</li>
<li><a
href="https://github.com/rstacruz/jquery.transit">jquery.transit</a> -
Super-smooth CSS3 transformations and transitions for jQuery.</li>
<li><a href="https://github.com/tictail/bounce.js">bounce.js</a> -
Create tasty CSS3 powered animations in no time.</li>
<li><a href="https://github.com/greensock/GreenSock-JS">GreenSock-JS</a>
- High-performance HTML5 animations that work in all major
browsers.</li>
<li><a
href="https://github.com/EvandroLG/transitionEnd">TransitionEnd</a> -
TransitionEnd is an agnostic and cross-browser library to work with
transitioned event.</li>
<li><a
href="https://github.com/michaelvillar/dynamics.js">Dynamic.js</a> -
JavaScript library to create physics-based CSS animations.</li>
<li><a href="https://github.com/pstadler/the-cube">the-cube</a> - The
Cube is an experiment with CSS3 transitions.</li>
<li><a href="https://github.com/h5bp/Effeckt.css">Effeckt.css</a> - A
Performant Transitions and Animations Library.</li>
<li><a href="https://github.com/daneden/animate.css">animate.css</a> - A
cross-browser library of CSS animations. As easy to use as an easy
thing.</li>
<li><a href="https://github.com/jschr/textillate">textillate</a> - A
simple plugin for CSS3 text animations.</li>
<li><a href="https://github.com/visionmedia/move.js">move.js</a> - CSS3
backed JavaScript animation framework.</li>
<li><a href="https://github.com/LeaVerou/animatable">animatable</a> -
One property, two values, endless possibilities.</li>
<li><a
href="https://github.com/peachananr/shuffle-images">shuffle-images</a> -
The Simplest Way to shuffle through images in a Creative Way.</li>
<li><a
href="https://github.com/miguel-perez/smoothState.js">smoothState.js</a>
- Unobtrusive page transitions with jQuery.</li>
<li><a href="https://animejs.com/">Anime.js</a> - A JavaScript animation
engine.</li>
<li><a href="https://mojs.github.io/">Mo.js</a> - Motion graphics
toolbelt for the web.</li>
<li><a
href="https://github.com/VincentGarreau/particles.js">particles.js</a> -
A lightweight JavaScript library for creating particles.</li>
<li><a href="https://github.com/matteobruni/tsparticles">tsParticles</a>
- A new and improved version of particles.js with bug fixes and many new
features.</li>
<li><a href="https://github.com/lindelof/particles-bg">particles-bg</a>
- A lightweight React particles animation background component.</li>
<li><a href="https://github.com/barbajs/barba">barbajs</a> - It helps
you create fluid and smooth transitions between your website’s
pages.</li>
<li><a href="https://github.com/camwiegert/typical">typicaljs</a> -
Animated typing in ~400 bytes 🐡 of JavaScript</li>
<li><a href="https://auto-animate.formkit.com">AutoAnimate</a> - Add
motion to your apps with a single line of code.</li>
</ul>
<h2 id="image-processing">Image Processing</h2>
<ul>
<li><a href="https://github.com/davidsonfellipe/lena.js">lena.js</a> - A
Library for image processing with filters and util functions.</li>
<li><a href="https://github.com/nodeca/pica">pica</a> - High quality
image resize (with fast Lanczos filter, implemented in pure JS).</li>
<li><a href="https://github.com/fengyuanchen/cropper">cropper</a> - A
simple jQuery image cropping plugin.</li>
</ul>
<h2 id="es6">ES6</h2>
<ul>
<li><a href="https://github.com/lukehoban/es6features">es6features</a> -
Overview of ECMAScript 6 features.</li>
<li><a href="https://github.com/rse/es6-features">es6-features</a> -
ECMAScript 6: Feature Overview &amp; Comparison.</li>
<li><a
href="https://github.com/DrkSephy/es6-cheatsheet">es6-cheatsheet</a> -
ES2015 <a href="#es6">ES6</a> cheatsheet containing tips, tricks, best
practices and code snippets.</li>
<li><a
href="https://compat-table.github.io/compat-table/es6/">ECMAScript 6
compatibility table</a> - Compatibility tables for all ECMAScript 6
features on a variety of environments.</li>
<li><a href="https://github.com/babel/babel">Babel (Formerly 6to5)</a> -
Turn ES6+ code into vanilla ES5 with no runtime.</li>
<li><a href="https://github.com/google/traceur-compiler">Traceur
compiler</a> - ES6 features &gt; ES5. Includes classes, generators,
promises, destructuring patterns, default parameters &amp; more.</li>
</ul>
<h2 id="generators">Generators</h2>
<ul>
<li><a href="https://github.com/gatsbyjs/gatsby">Gatsby.js</a> -
React-based static site generator.</li>
<li><a href="https://github.com/gridsome/gridsome">Gridsome</a> -
Vue-powered static site generator.</li>
<li><a href="https://github.com/facebook/docusaurus">Docusaurus</a> -
React-based static site generator by Facebook, ideal for content-centric
websites.</li>
<li><a href="https://github.com/vercel/next.js">Next.js</a> - React
powered static site generator, and they say “All the tools you need to
make the Web. Faster.”.</li>
<li><a href="https://github.com/lumeland/lume">Lume</a> - Static site
generator for Deno.</li>
<li><a href="https://github.com/withastro/astro">Astro</a> - The web
framework for content-driven websites.</li>
</ul>
<h2 id="sdk">SDK</h2>
<ul>
<li><a
href="https://github.com/huei90/javascript-sdk-design">javascript-sdk-design</a>
- JavaScript SDK design guide extracted from work and personal
experience.</li>
<li><a href="https://github.com/loverajoel/spotify-sdk">Spotify SDK</a>
- Entity oriented SDK to work with the Spotify Web API.</li>
<li><a href="https://github.com/square/connect-nodejs-sdk/">Square
Node.js SDK</a> - JavaScript client library for payments and other
Square APIs.</li>
<li><a href="https://github.com/openai/openai-node">OpenAI SDK</a> -
Official JavaScript / TypeScript library for the OpenAI API.</li>
</ul>
<h2 id="full-text-search">Full Text Search</h2>
<ul>
<li><a href="https://github.com/olivernn/lunr.js">lunr</a> - Library for
use in the browser and It indexes JSON documents and provides a simple
search interface for retrieving documents that best match text
queries.</li>
<li><a href="https://github.com/nextapps-de/flexsearch">flexsearch</a> -
It is a Next-Generation full text search library for Browser and
Node.js.</li>
<li><a href="https://github.com/weixsong/elasticlunr.js">Elasticlunr</a>
- This library is based on lunr.js, but more flexible and
customized.</li>
</ul>
<h2 id="orm">ORM</h2>
<ul>
<li><a href="https://github.com/prisma/prisma">Prisma</a>
Next-generation ORM for Node.js &amp; TypeScript | PostgreSQL, MySQL,
MariaDB, SQL Server, SQLite, MongoDB and CockroachDB.</li>
<li><a href="https://github.com/sequelize/sequelize">Sequelize</a>
Feature-rich ORM for modern Node.js and TypeScript | PostgreSQL, MySQL,
MariaDB, SQLite, MS SQL Server, Snowflake, Oracle DB…</li>
<li><a href="https://github.com/Automattic/mongoose">Mongoose</a>
MongoDB object modeling designed to work in an asynchronous
environment.</li>
<li><a href="https://github.com/typeorm/typeorm">TypeORM</a> ORM for
TypeScript and JavaScript, Works in NodeJS, Browser, Ionic, Cordova and
Electron platforms.</li>
<li><a href="https://github.com/drizzle-team/drizzle-orm">Drizzle
ORM</a> Headless TypeScript ORM with a head. Runs on Node, Bun and
Deno.</li>
<li><a href="https://github.com/kysely-org/kysely">Kysely</a> A
type-safe typescript SQL query builder.</li>
<li><a href="https://github.com/knex/knex">Knex</a> A query builder for
PostgreSQL, MySQL, CockroachDB, SQL Server, SQLite3 and Oracle, designed
to be flexible, portable, and fun to use.</li>
<li><a href="https://github.com/mikro-orm/mikro-orm">MikroORM</a>
TypeScript ORM for Node.js based on Data Mapper, Unit of Work and
Identity Map patterns.</li>
</ul>
<h2 id="websockets">WebSockets</h2>
<ul>
<li><a href="https://github.com/socketio/socket.io">Socket.io</a> The
most widely used WebSocket library for real-time applications. Supports
auto-reconnection, rooms, and fallbacks (e.g., polling).</li>
<li><a href="https://github.com/websockets/ws">ws</a> Simple to use,
blazing fast and thoroughly tested WebSocket client and server for
Node.js.</li>
</ul>
<h2 id="misc">Misc</h2>
<ul>
<li><a href="https://github.com/toddmotto/echo">echo</a> - Lazy-loading
images with data-* attributes.</li>
<li><a href="https://github.com/scottjehl/picturefill">picturefill</a> -
A responsive image polyfill for &lt;picture&gt;, srcset, sizes.</li>
<li><a href="https://github.com/bestiejs/platform.js">platform.js</a> -
A platform detection library that works on nearly all JavaScript
platforms.</li>
<li><a href="https://github.com/bestiejs/json3">json3</a> - A modern
JSON implementation compatible with nearly all JavaScript
platforms.</li>
<li><a href="https://gabinaureche.com/logicalornot/">Logical Or Not</a>
- A game about JavaScript specificities.</li>
<li><a href="https://github.com/infusion/BitSet.js">BitSet.js</a> - A
JavaScript Bit-Vector implementation.</li>
<li><a
href="https://github.com/joshbuddy/spoiler-alert">spoiler-alert</a> -
SPOILER ALERT! A happy little jquery plugin to hide spoilers on your
site.</li>
<li><a
href="https://github.com/illyism/jquery.vibrate.js">jquery.vibrate.js</a>
- Vibration API Wrappers</li>
<li><a href="https://github.com/javve/list.js">list.js</a> - Adds
search, sort, filters and flexibility to tables, lists and various HTML
elements. Built to be invisible and work on existing HTML.
https://listjs.com</li>
<li><a href="https://github.com/patrickkunka/mixitup">mixitup</a> -
MixItUp - A Filter &amp; Sort Plugin.</li>
<li><a href="https://github.com/hootsuite/grid">grid</a> - Drag and drop
library for two-dimensional, resizable and responsive lists.</li>
<li><a
href="https://github.com/liabru/jquery-match-height">jquery-match-height</a>
- a responsive equal heights plugin for jQuery.</li>
<li><a href="https://github.com/surveyjs/survey-library">SurveyJS</a> -
SurveyJS is a JavaScript Survey and Form Library.
https://surveyjs.io/</li>
<li><a href="https://github.com/sdras/array-explorer">Array Explorer</a>
and <a href="https://objectexplorer.netlify.app/">Object Explorer</a> -
Resources to help figure out what native JavaScript method would be best
to use at any given time.</li>
<li><a href="https://clipboardjs.com/">Clipboard.js</a> - “Copy to
clipboard” without Flash or use of Frameworks.</li>
<li><a href="https://github.com/sindresorhus/ky">ky</a> - Tiny and
elegant HTTP client based on the browser Fetch API.</li>
<li><a href="https://github.com/5anthosh/fcal">Fcal</a> - Math
expression evaluator.</li>
<li><a
href="https://github.com/joeattardi/emoji-button">emoji-button</a> -
Vanilla JavaScript emoji picker component.</li>
<li><a href="https://github.com/iooxa/article">iooxa</a> - Components
for interactive scientific writing, reactive documents and explorable
explanations.</li>
<li><a href="https://github.com/idyll-lang/idyll">Idyll</a> - Create
explorable explanations and interactive storytelling essays. Can be <a
href="https://github.com/idyll-lang/idyll-embed">embedded in
HTML</a>.</li>
<li><a
href="https://github.com/trekhleb/javascript-algorithms">javascript-algorithms</a>
- Algorithms and data structures implemented in JavaScript with
explanations and links to further readings.</li>
<li><a
href="https://github.com/fingerprintjs/fingerprintjs">FingerprintJS</a>
- Makes a visitor identifier from a browser fingerprint that stays the
same in incognito mode and when browser data is purged.</li>
<li><a href="https://github.com/pegjs/pegjs">Peg.js</a> - A simple
parser generator for JavaScript that produces fast parsers with
excellent error reporting. Usable from your browser, from the command
line, or via JavaScript API.</li>
<li><a href="https://github.com/ryanseys/lune">lune</a> - Library to
calculate the phases of the moon accurately.</li>
<li><a href="https://github.com/fcambus/jsemu">jsemu</a> - A list of
emulators written in the JavaScript programming language.</li>
</ul>
<h1 id="worth-reading">Worth Reading</h1>
<ul>
<li><a href="https://github.com/getify/You-Dont-Know-JS">You Don’t Know
JS</a> - Possibly the best book written on modern JavaScript, completely
readable online for free, or can be bought to support the author.</li>
<li><a
href="https://github.com/braziljs/js-the-right-way/">braziljs/js-the-right-way</a>
- An easy-to-read, quick reference for JS best practices, accepted
coding standards, and links around the Web.</li>
<li><a href="https://github.com/revolunet/JSbooks">JSbooks</a> -
Directory of free JavaScript ebooks.</li>
<li><a href="http://superherojs.com">Superhero.js</a> - A collection of
resources about creating, testing and maintaining a large JavaScript
code base.</li>
<li><a href="https://github.com/KittyGiraudel/SJSJ">SJSJ</a> -
Simplified JavaScript Jargon is a community-driven attempt at explaining
the loads of buzzwords making the current JavaScript ecosystem in a few
simple words.</li>
<li><a
href="https://github.com/sarbbottam/write-an-open-source-js-lib">How to
Write an Open Source JavaScript Library</a> - A comprehensive guide
through a set of steps to publish a JavaScript open source library.</li>
<li><a href="https://hackr.io/tutorials/learn-javascript">JavaScript
Tutorials</a> - Learn Javascript online from a diverse range of user
ranked online tutorials.</li>
<li><a
href="https://github.com/getify/Functional-Light-JS">Functional-Light
JavaScript</a> - Pragmatic, balanced FP in JavaScript.</li>
<li><a
href="https://github.com/ryanmcdermott/clean-code-javascript">Clean Code
JavaScript</a> - Clean Code concepts adapted for JavaScript.</li>
<li><a href="https://roadmap.sh/javascript">Roadmap.sh JavaScript
Roadmap</a> - Learn JavaScript from a community sourced learning
roadmap.</li>
</ul>
<h1 id="other-awesome-lists">Other Awesome Lists</h1>
<ul>
<li><a
href="https://github.com/sotayamashita/awesome-css">sotayamashita/awesome-css</a></li>
<li><a
href="https://github.com/emijrp/awesome-awesome">emijrp/awesome-awesome</a></li>
<li><a
href="https://github.com/bayandin/awesome-awesomeness">bayandin/awesome-awesomeness</a></li>
<li><a
href="https://github.com/sindresorhus/awesome">sindresorhus/awesome</a></li>
<li><a href="https://github.com/jnv/lists">jnv/list</a></li>
<li><a
href="https://github.com/gianarb/awesome-angularjs">gianarb/angularjs</a></li>
<li><a
href="https://github.com/peterkokot/awesome-dojo">peterkokot/awesome-dojo</a></li>
<li><a
href="https://github.com/addyosmani/es6-tools">addyosmani/es6-tools</a></li>
<li><a
href="https://github.com/ericdouglas/ES6-Learning">ericdouglas/ES6-Learning</a></li>
<li><a
href="https://github.com/obetomuniz/awesome-webcomponents">obetomuniz/awesome-webcomponents</a></li>
<li><a
href="https://github.com/willianjusten/awesome-svg">willianjusten/awesome-svg</a></li>
<li><a
href="https://github.com/davidsonfellipe/awesome-wpo">davidsonfellipe/awesome-wpo</a></li>
<li><a
href="https://github.com/sadcitizen/awesome-backbone">instanceofpro/awesome-backbone</a></li>
<li><a
href="https://github.com/enaqx/awesome-react">enaqx/awesome-react</a></li>
<li><a
href="https://github.com/bolshchikov/js-must-watch">bolshchikov/js-must-watch</a></li>
<li><a
href="https://github.com/peterkokot/awesome-jquery">peterkokot/awesome-jquery</a></li>
<li><a
href="https://github.com/davidyezsetz/you-might-not-need-jquery-plugins">davidyezsetz/you-might-not-need-jquery-plugins</a></li>
<li><a
href="https://github.com/MaximAbramchuck/awesome-interview-questions">MaximAbramchuck/awesome-interviews</a></li>
<li><a
href="https://github.com/denolib/awesome-deno">denolib/awesome-deno</a></li>
<li><a
href="https://github.com/apvarun/awesome-bun">apvarun/awesome-bun</a></li>
</ul>
<h1 id="contributing">Contributing</h1>
<p>Contributions welcome! Read the <a
href="CONTRIBUTING.md">contribution guidelines</a> first.</p>
<h1 id="license">License</h1>
<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img
src="https://licensebuttons.net/p/zero/1.0/88x31.png"
alt="CC0" /></a></p>
<p>To the extent possible under law, <a
href="https://github.com/sorrycc">chencheng</a> has waived all copyright
and related or neighboring rights to this work.</p>
<p><a href="https://github.com/sorrycc/awesome-javascript">javascript.md
Github</a></p>