2330 lines
114 KiB
HTML
2330 lines
114 KiB
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 & 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 & 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 &
|
||
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 & 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 & 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
|
||
& 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 & 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> - <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>
|
||
- < 1KB lightweight, fast & 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
|
||
& 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 <canvas> 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 (& 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 & 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, &
|
||
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 &
|
||
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 & 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
|
||
& 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 & Visualizer.</li>
|
||
<li><a href="https://regex-vis.com/">Regex-Vis</a> - Regex visualizer
|
||
& 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
|
||
& 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 & 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 & 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 & 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><select></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&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, &
|
||
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 & 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 & 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 & 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><span></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 & 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 > ES5. Includes classes, generators,
|
||
promises, destructuring patterns, default parameters & 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 & 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 <picture>, 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 & 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>
|