Linux News

A Assortment of Helpful Assets for Net Designers and Programmers

SEOClerks

We have now coated intensive lists within the pasts with titles together with 75 Most Used Important Linux Purposes of 2018 and All AWESOME Linux Purposes and Instruments beneath our belt.

At present, we convey you a group of a number of JavaScript assets helpful to designers and programmers. With none ado, the listing:

Essential: This web page is up to date systematically based mostly on suggestions and recommendations from our readers.

Final Up to date On: 28th January 2019

Articles and Posts

Bundlers

browserify – Browserify allows you bundle your dependencies and require (‘modules’) within the browser.
webpack – A pack of CommonJs/AMD modules for the browser.
Rollup – A contemporary ES6 module bundler.
Brunch – A quick front-end internet app construct device with easy declarative config.
Parcel – A brilliant quick internet app bundler. No configurations wanted.

Loaders

JavaScript Loading Methods and/or Modules.

RequireJS – A JavaScript file and module loader.
browserify – Browser-side require () the node.js manner.
SeaJS – A Module Loader for the Net.
HeadJS – The one script in your HEAD.
curl – A small, quick, extensible module loader for AMD, Plain textual content, CSS, CommonJS Modules/1.1, legacy scripts, and HTML.
lazyload – A lighweight dependency-free async loader for JavaScript and CSS.
script.js – A dependency supervisor and asyncronous JavaScript loader.
systemjs -A module loader compliant with AMD, CJS & ES6 specs.
LodJS – An AMD-based Module loader.
ESL – A Module loader browser with assist for AMD and lazy outline.
modulejs – A easy JavaScript module system.

Bundle Managers

Bundle managers present libraries and instruments for conveniently packaging software program.

npm – JavaScript bundle supervisor.
Bower – A bundle supervisor for the net.
element – Shopper bundle administration for constructing internet purposes.
spm – Static bundle supervisor.
jam – A bundle supervisor utilizing a browser-focused and RequireJS appropriate repo.
jspm – Frictionless browser bundle administration.
Ender – The no-library library.
volo – Create entrance finish tasks from templates, add dependencies, and automate the ensuing tasks.
Duo – A compilation of Part, Browserify and Go concepts in a single bundle supervisor for higher group and creation of front-end code.
yarn – A velocity and security-focused dependency supervisor.

Testing Frameworks

mocha – A easy and versatile JS testing framework for the browser and node.js.
jasmine – A easy JavaScript testing framework with out DOM.
qunit – A easy JavaScript Unit Testing framework.
jest – Intuitive JavaScript Unit Testing.
prova – A Tape and Browserify-based Node and browser take a look at runner.
DalekJS – Automated cross browser practical JavaScript testing.
Protractor – An end-to-end testing framework for AngularJS apps.
tape – Faucet-producing take a look at harness for node and browsers.
TestCafe – Automated browser testing for contemporary internet improvement stacks.
ava – 🚀 A next-gen JavaScript take a look at runner.

Assertion Instruments

chai – a node.js and browser BDD / TDD assertion framework. Will be paired with any testing framework.
Enzyme – A JS Testing utility for simpler to assertion, manipulation, and traversal of React Parts’ output.
react testing library – A bundle of React DOM testing utilities that encourage good practices.
Sinon.JS – A JS tester for stubs, spies, and mocks.
count on.js – A minimalistic BDD-style assertions for Node.JS and the browser.

Protection Instruments

istanbul – Yet one more JS code protection device.
blanket – A straightforward-to-use JS code protection library for the browser and nodejs.
JSCover – Measure code protection for JavaScript applications.

Runner Instruments

phantomjs – A scriptable Headless WebKit.
slimerjs – A PhantomJS-like device operating Gecko.
casperjs – A navigation scripting & testing utility for PhantomJS and SlimerJS.
zombie – A full-stack headless browser tester utilizing node.js.
totoro – A easy and dependable cross-browser testing device.
karma – A singular Check Runner for JavaScript.
nightwatch – A UI automated testing framework based mostly on node.js and selenium webdriver.
intern – A futuristic code testing stack for JavaScript.
yolpo – An announcement-by-statement JS interpreter within the browser.

High quality Assesment (QA) Instruments

prettier – A wise code formatter.
JSHint – Detect errors and potential issues in your code.
jscs – A code fashion checker for JS.
jsfmt – For formatting, looking, and rewriting JavaScript.
jsinspect – For detecting structurally comparable code e.g. copied and pasted snippets.
buddy.js – A magic quantity detection for JavaScript.
ESLint – A totally pluggable device for figuring out and reporting on patterns in JavaScript.
JSLint – Excessive-standards, strict & opinionated code high quality device, aiming to maintain solely good elements of the language.
JavaScript Normal Model – A mode information, checker, and formatter with no configuration wanted.

MVC Frameworks and Libraries

angular.js – HTML enhanced for internet apps.
aurelia – A Javascript consumer framework for cell, desktop and internet.
spine – Add Fashions, Views, Collections, and Occasions to your JS apps.
ember.js – Create bold internet purposes.
meteor – An ultra-simple, database-everywhere, data-on-the-wire, pure-Javascript internet framework.
ractive – Furutistic DOM manipulation.
vue – An intuitive, quick & composable MVVM for constructing interactive UIs.
knockout – Simply create wealthy, responsive Person Interfaces utilizing JavaScript.
backbone – A light-weight MVC library for creating JS apps.
espresso.js – A minimal JS library for crafting UIs.
canjs – Write JS higher, sooner, and simpler.
react – A flxible library for constructing person interfaces. Helps working with a Digital DOM.
hyperapp – 1kb JavaScript library for constructing frontend purposes.
preact – A quick 3kb React various with the identical ES6 API. Parts & Digital DOM.
nativescript – For constructing native cross-platform iOS and Android apps with JavaScript.
react-native – A framework for constructing native apps with React.
riot – React-like library, however lots smaller.
thorax – Strengthening your Spine.
chaplin – An structure for JavaScript purposes utilizing the Spine.js library.
marionette – A composite utility library for Spine.js that goals to simplify the development of enormous scale JavaScript apps.
ripple – A tiny basis for constructing reactive views.
rivets – Light-weight and highly effective knowledge binding + templating answer.
derby – MVC framework making it straightforward to write down realtime, collaborative purposes that run in each Node.js and browsers.
derby-awesome – A group of superior derby parts
manner.js – Easy, light-weight, persistent two-way databinding.
mithril.js – Mithril is a light-weight however strong client-side MVC framework.
jsblocks – jsblocks is best MV-ish framework.
LiquidLava – Clear MVC framework for constructing UIs.
feathers – A minimalist real-time JavaScript framework for next-gen apps.
Keo – Practical stateless React parts with assist for Shadow DOM.
atvjs – Blazing quick Apple TV utility improvement utilizing pure JavaScript.

Node-Powered CMS Frameworks

KeystoneJS – A strong CMS and internet app framework.
Response Commerce – A reactive CMS for real-time structure and design.
Ghost – A easy, highly effective publishing platform.
Apostrophe – A CMS with content material modifying and important options.
We.js – A framework for actual time apps, websites or blogs.
Hatch.js – A CMS platform with social options.
TaracotJS – A quick and minimalist Node.js-based CMS.
Nodizecms – A CMS for CoffeeScript lovers
Cody – A CMS with WSYWYG editor.
PencilBlue – A CMS and running a blog platform.

Templating Engines

Templating engines allow you to interpolate strings.

mustache.js – Minimal templating with in JavaScript.
handlebars.js – An extension to the Mustache templating language.
hogan.js – A compiler for the Mustache templating language.
doT – The quickest + concise javascript template engine for node.js and browsers.
dustjs – A group of asynchronous templates for the browser and node.js.
eco – Embedded CoffeeScript templates.
JavaScript-Templates – An especially light-weight (< 1KB) highly effective JavaScript templating engine with out dependencies.
t.js – A tiny javascript templating framework in ~400 bytes gzipped.
Pug (previously “Jade”) – Strong, elegant, function wealthy template engine for nodejs.
EJS – Efficient JavaScript templating.
xtemplate – eXtensible Template Engine lib for node and the browser.
marko – A quick, light-weight, HTML-based templating engine for Node.js and the browser with async, streaming, customized tags and CommonJS modules as compiled output.
swig – A easy, highly effective, and extendable Node.js and browser-based JavaScript template engine.

Information Visualization

Net instruments for Information visualization.

d3 – A JavaScript visualization library for HTML and SVG.
metrics-graphics – A library optimized for concise, principled knowledge graphics and layouts.
pykcharts.js – Effectively designed d3.js charting with out the complexity of d3.js.
three.js – A JavaScript 3D library.
Chart.js – Create easy HTML5 Charts utilizing the tag.
paper.js – The Swiss Military Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, utilizing HTML5 Canvas.
cloth.js – Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser.
peity – Create progressive bars, traces, and pie charts.
raphael – A JavaScript Vector Library.
echarts – Enterprise Charts.
vis – Dynamic, browser-based visualization library.
two.js – A renderer agnostic two-dimensional drawing api for the net.
g.raphael – Charts for Raphaël.
sigma.js – A JavaScript library devoted to graph drawing.
arbor – A graph visualization library utilizing internet staff and jQuery.
cubism – A D3 plugin for visualizing time collection.
dc.js – Multi-Dimensional charting constructed to work natively with crossfilter rendered with d3.js
vega – A visualization grammar.
processing.js – Processing.js makes your knowledge visualizations work utilizing internet requirements and with none plug-ins
envisionjs – Dynamic HTML5 visualization.
rickshaw – JavaScript toolkit for creating interactive real-time graphs.
flot – Engaging JavaScript charts for jQuery.
morris.js – Fairly time-series line graphs.
nvd3 – Construct re-usable charts and chart parts for d3.js
svg.js – A light-weight library for manipulating and animating SVG.
heatmap.js – JavaScript Library for HTML5 canvas based mostly heatmaps.
jquery.sparkline – A plugin for the jQuery JavaScript library to generate small sparkline charts straight within the browser.
xCharts – A D3-based library for constructing customized charts and graphs.
trianglify – Low poly fashion background generator with d3.js
d3-cloud – Create phrase clouds in JavaScript.
d4 – A pleasant reusable charts DSL for D3.
dimple.js – Simple charts for enterprise analytics powered by d3
chartist-js – Easy responsive charts.
epoch – A common function real-time charting library.
c3 – D3-based reusable chart library.
BabylonJS – A framework for constructing 3D video games with HTML 5 and WebGL.
recharts – Redefined chart library constructed with React and D3
GraphicsJS – A light-weight JavaScript graphics library with the intuitive API, based mostly on SVG/VML expertise.

There are additionally some nice industrial libraries, like amchart, anychart, plotly, and highchart.

Timeline

TimelineJS v3 – A Storytelling Timeline inbuilt JavaScript.
timesheet.js – JavaScript library for easy HTML5 & CSS3 time sheets.

Spreadsheet

HANDSONTABLE – A JavaScript/HTML5 Spreadsheet Library for Builders

Editors

ace – Ace (Ajax.org Cloud9 Editor).
CodeMirror – In-browser code editor.
esprima – ECMAScript parsing infrastructure for multipurpose evaluation.
quill – A wealthy, cross-browser textual content editor with an API.
medium-editor – A clone of Medium.com’s WYSIWYG editor.
pen – get pleasure from reside modifying (+markdown).
jquery-notebook – A easy, clear and stylish textual content editor. Impressed by Medium.
bootstrap-wysiwyg – A small bootstrap-compatible WYSIWYG wealthy textual content editor.
ckeditor-releases – An internet-based textual content editor for everybody.
editor – A markdown editor (nonetheless in improvement).
EpicEditor – An embeddable JavaScript Markdown editor with cut up fullscreen modifying, reside previewing, automated draft saving, offline assist, and extra.
jsoneditor – An internet-based device for viewing, modifying, and formatting JSON.
vim.js – A JavaScript port of Vim with a persistent ~/.vimrc
Squire – A HTML5 textual content editor.
TinyMCE – The JavaScript Wealthy Textual content editor.
trix – A wealthy textual content editor for on a regular basis writing developed by Basecamp.
Trumbowyg – A light-weight WYSIWYG JavaScript editor.
Draft.js – A React framework for constructing textual content editors.
bootstrap-wysihtml5 – A easy, stunning wysiwyg editor
wysihtml5 – An open supply HTML5-based textual content editor additionally based mostly on the progressive-enhancement method. Makes use of a complicated safety idea and goals to generate absolutely legitimate HTML5 markup by stopping unmaintainable tag soups and inline kinds.
raptor-editor – An HTML5 WYSIWYG content material editor.
popline – An HTML5 Wealthy-Textual content-Editor Toolbar.

Documentation

DevDocs – An all-in-one API documentation reader with a quick, organized, and constant interface.
dexy – A free-form literate documentation device for writing any type of technical doc incorporating code.
docco – A fast-and-dirty, hundred-line-long, literate-programming-style documentation generator.
styledocco – Generate documentation and magnificence information paperwork out of your stylesheets.
Ronn – Construct manuals simply. Additionally, convert easy, human readable textfiles to roff for terminal show and to HTML for the net.
dox – A node.js-written JavaScript documentation generator.
jsdox – A JSDoc3 to Markdown documentation generator.
ESDoc – A documentation generator for JavaScript.
YUIDoc – A Node.js utility API documentation generator utilizing feedback in supply with a syntax much like instruments like Javadoc and Doxygen.
coddoc – A jsdoc parsing library. Coddoc is totally different in that it’s simply extensible by permitting customers so as to add tag and code parsers by the usage of coddoc.addTagHandler and coddoc.addCodeHandler. coddoc additionally parses supply code for use in APIs.
sphinx – Simply create intuitive and exquisite documentation
Utilizing JSDoc
Stunning docs – A documentation viewer based mostly on markdown information.
documentation.js – An API documentation generator with assist for ES2015+ and move annotation.
jsduck – API documentation generator made for Sencha JavaScript frameworks. Helps different frameworks too.

Recordsdata

Libraries for working with information.

Papa Parse – A strong CSV library that helps parsing CSV information/strings and exporting to CSV.
jBinary – A Excessive-level I/O (loading, parsing, manipulating, serializing, saving) for binary information with declarative syntax for describing file varieties and knowledge constructions.
diff2html – A Git diff output parser and fairly HTML generator.
jsPDF – JavaScript PDF era.

Practical Programming

Practical programming libraries to increase JavaScript’s capabilities.

underscore – JavaScript’s utility _ belt.
lodash – A dependable utility library full with customization and extras.
Sugar – A Javascript library for working with native objects.
lazy.js – Comparable Underscore however lazier.
ramda – A sensible practical library for JavaScript programmers.
mout – A compilation of Modular JavaScript Utilities.
mesh – Streamable knowledge synchronization utility.
preludejs – Hardcore Practical Programming for JavaScript.

Reactive Programming

Reactive programming libraries to increase JavaScript’s capabilities.

RxJs – The Reactive Extensions for JavaScript.
Bacon – A Practical Reactive Programming (FRP) library for Javascript.
Kefir – A Bacon.js and RxJS-inspired FRP library for JavaScript with give attention to excessive efficiency and low reminiscence consumption.
Highland – Re-thinking the JavaScript utility belt, Highland manages synchronous and asynchronous code simply, utilizing nothing greater than normal JavaScript and Node-like Streams.
Most.js – A excessive efficiency FRP library.
MobX – A TFRP library for easy, scalable state administration.
Cycle.js – A practical and reactive JavaScript library for cleaner code.

Information Buildings

Information construction libraries to construct extra refined purposes.

immutable-js – Immutable Information Collections together with Sequence, Vary, Repeat, Map, OrderedMap, Set and a sparse Vector.
mori – A library for utilizing ClojureScript’s persistent knowledge constructions and supporting API from the consolation of vanilla JavaScript.
buckets – A whole, absolutely examined and documented knowledge construction library written in JavaScript.
hashmap – Easy hashmap implementation that helps any type of keys.

Date

Libraries for working with Dates.

second – Parse, validate, manipulate, and show dates in JS.
moment-timezone – Timezone assist for second.js.
jquery-timeago – A jQuery plugin that makes it straightforward to assist routinely updating fuzzy timestamps (e.g. “four minutes in the past”).
timezone-js – Timezone-enabled JavaScript Date object. Makes use of Olson zoneinfo information for timezone knowledge.
date – Date() for people.
ms.js – Tiny millisecond conversion utility.
countdown.js – Tremendous easy countdowns.
timeago.js – Easy library (much less then 2kb) used to format date with *** time in the past assertion.
fecha – Light-weight date formatting and parsing (~2KB). Meant to interchange parsing and formatting performance of second.js.
date-fns – Trendy JavaScript date utility library.

String

String Libraries.

voca – The last word JavaScript string library.
choosing – A library that means that you can entry texts chosen by the customers.
underscore.string – String manipulation extensions for Underscore.js javascript library.
string.js – Further JavaScript string strategies.
he – A strong HTML entity encoder/decoder written in JavaScript.
multiline – Multiline strings in JavaScript.
query-string – Parse and stringify URL question strings.
URI.js – Javascript URL mutation library.
jsurl – Light-weight URL manipulation with JavaScript.
sprintf.js – A sprintf implementation.
url-pattern – Simpler than regex string matching patterns for urls and different strings. Flip strings into knowledge or knowledge into strings

Numbers

Libraries for working with numbers in JavaScript.

Numeral-js – A JS library for manipulating numbers.
likelihood.js – A random generator helper in Javascript for strings, numbers and so forth.
odometer – Easily transitions numbers with ease.
accounting.js – A light-weight JavaScript library for quantity, cash and forex formatting – absolutely localisable, zero dependencies.
cash.js – A tiny (1kb) javascript forex conversion library, for internet & nodeJS.
Fraction.js – A library of rational numbers for JavaScript.
Advanced.js – A library of complicated numbers for JavaScript
Polynomial.js – A library of polynomials for JavaScript

Storage

retailer.js – LocalStorage wrapper for all browsers utilizing localStorage, globalStorage, and userData conduct beneath the hood. Doesn’t require cookies or flash.
localForage – Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage utilizing a easy however highly effective API.
jStorage – jStorage is an easy key/worth database to retailer knowledge on browser aspect.
cross-storage – Cross area native storage, with permissions.
basket.js – A script and useful resource loader for caching & loading scripts with localStorage.
bag.js – A caching script and useful resource loader, much like basket.js, however with extra okay/v interface and localStorage / websql / indexedDB assist.
basil.js – The lacking Javascript sensible persistent layer.
jquery-cookie – A easy, light-weight jQuery plugin for studying, writing and deleting cookies.
js-cookie – A easy, light-weight JavaScript API for dealing with browser cookies
Cookies – JavaScript Shopper-Facet Cookie Manipulation Library.
DB.js – A Promise-based IndexDB Wrapper library
lawnchair.js – A easy client-side JSON storage.
sql.js – SQLite compiled to JavaScript by Emscripten.

Colours

randomColor – A coloration generator for JavaScript.
chroma.js – A JS library for all types of coloration manipulations.
coloration – A JavaScript coloration conversion and manipulation library.
colours – Smarter defaults for colours on the net.
PleaseJS – A JavaScript library for creating random good colours and coloration schemes.
TinyColor – Quick, small coloration manipulation and conversion for JavaScript.
Vibrant.js – Extract outstanding colours from a picture.

i18n And L10n

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

i18subsequent – JS internationalisation (i18n) the simple manner.
polyglot – tiny i18n helper library.
babelfish – i18n with a human pleasant API and inbuilt plurals assist.

Management Circulate

async – Async utilities for node and the browser.
q – A device for making and composing asynchronous guarantees in JavaScript.
step – An async control-flow library that makes stepping by logic straightforward.
contra – Asynchronous move management with a practical style to it.
Bluebird – absolutely featured promise library with give attention to progressive options and efficiency.
when – A strong, quick Guarantees/A+ and when() implementation, plus different async goodies.
ObjectEventTarget – Present a prototype that add assist to occasion listeners (with identical conduct of EventTarget from DOMElements accessible on browsers).

Routing

director – A tiny and isomorphic URL router for JavaScript.
web page.js – A micro client-side router impressed by the Categorical router (~1200 bytes).
pathjs – Easy, light-weight routing for internet browsers.
crossroads – JavaScript Routes.
davis.js – RESTful degradable JavaScript routing utilizing pushState.

Safety

DOMPurify – A DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.
js-xss – Sanitize untrusted HTML (to stop XSS) with a configuration specified by a Whitelist.
xss-filters – Safe XSS Filters by Yahoo

Log

log – Console.log with fashion.
Conzole – A debug panel inbuilt javascript that wraps javascript native console object strategies and performance in a panel displayed contained in the web page.
console.log-wrapper – Log to the console in any browser with readability.
loglevel – Minimal light-weight logging for JavaScript, including dependable log stage strategies to wrap any accessible console.log strategies.
minilog – Light-weight consumer & server-side logging with Stream-API backends
storyboard – Common logging library + Chrome extension; it helps you to see all consumer and server duties triggered by a person motion in a single place.

RegExp

RegEx101 – A web-based regex tester and debugger for JavaScript with assist for . Python, PCRE, and PHP.
RegExr – HTML/JS based mostly device for creating, testing, and studying about Common Expressions.
RegExpBuilder – Create common expressions utilizing chained strategies.

Voice Command

annyang – A JavaScript library for including voice instructions to your web site, utilizing speech recognition.
voix.js – A JavaScript library so as to add voice instructions to your websites, apps or video games.

API

axios – A Promise-based HTTP consumer for the browser and node.js.
bottleneck – A strong fee limiter that simplifies throttling.
oauth-signature-js – JavaScript OAuth 1.0a signature generator for node and the browser.
amygdala – RESTful HTTP consumer for JavaScript powered internet purposes.
jquery.relaxation – A jQuery plugin for straightforward consumption of RESTful APIs.
Rails Ranger – An opinionated REST consumer for Ruby on Rails APIs.

Streaming

Tailor – Streaming format service for front-end microservices impressed by Fb’s BigPipe.

Imaginative and prescient Detection

monitoring.js – A contemporary method to Laptop Imaginative and prescient on the net.
ocrad.js – OCR in Javascript by way of Emscripten.

Machine Studying

ConvNetJS – Deep Studying in Javascript. Prepare Convolutional Neural Networks (or extraordinary ones) in your browser.
DN2A – Digital Neural Networks Structure.
Mind.js – Neural networks in JavaScript.
Thoughts.js – A versatile neural community library.
Synaptic.js – Structure-free neural community library for node.js and the browser.
TensorFlow.js – A JavaScript library for coaching and deploying ML fashions within the browser and on Node.js.
ml5.js – Pleasant Machine Studying for the Net.

Browser Detection

Benchmark

benchmark.js – A benchmarking library. Used on jsPerf.com.
matcha – A simplistic method to benchmarking.

Code highlighting

Spotlight.js – A JS syntax highlighter.
PrismJS – Light-weight, strong, elegant syntax highlighting.

Loading Standing

Libraries for indicating load standing.

Mprogress.js – Create Google Materials Design progress linear bars.
NProgress – Slim progress bars for Ajax’y purposes.
Spin.js – A spinning exercise indicator.
progress.js – Create and handle progress bar for all web page objects.
progressbar.js – Stunning and responsive progress bars with animated SVG paths.
tempo – Robotically add a progress bar to your web site.
topbar – Tiny & stunning site-wide progress indicator.
nanobar – Very light-weight progress bars. No jQuery.
PageLoadingEffects – Trendy methods of utilizing SVG animations to receal new content material.
SpinKit – A group of loading indicators utilizing CSS animations.
Ladda – Buttons with built-in loading indicators.
css-loaders – A group of loading spinners animated with CSS

Apart from libraries, there’re Assortment on Codepen, and turbines like Ajaxload, Preloaders and CSSLoad.

Validation

Parsley.js – Validate your types, frontend, with out writing a single line of JS.
jquery-validation – A jQuery Validation Plugin.
validator.js – For string validation and sanitization.
validate.js – A lighweight CodeIgniter-inspired JavaScript type validation library.
validatr – Cross-browser HTML5 Kind Validation.
FormValidation – The most effective jQuery plugin to validate type fields. Previously BootstrapValidator.
is.js – Examine varieties, regexps, presence, time and extra.
FieldVal – multipurpose validation library. Helps each sync and async validation.

Keyboard Wrappers

mousetrap – A easy library for dealing with keyboard shortcuts in JavaScript.
keymaster – A easy micro-library for outlining and dispatching keyboard shortcuts.
Keypress – A keyboard enter capturing utility by which any key could be a modifier key.
KeyboardJS – A JavaScript library for binding keyboard combos with out the ache of key codes and key combo conflicts.
jquery.hotkeys – jQuery Hotkeys helps you to look ahead to keyboard occasions anyplace in your code supporting nearly any key mixture.
jwerty – Superior dealing with of keyboard occasions.

Excursions And Guides

intro.js – A greater manner for brand new function introduction and step-by-step customers information in your web site and undertaking.
shepherd – Information your customers by a tour of your app.
bootstrap-tour – Fast and straightforward product excursions with Twitter Bootstrap Popovers.
vacationer – Easy, versatile excursions in your app.
chardin.js – Easy overlay directions in your apps.
pageguide – An interactive information for internet web page parts utilizing jQuery and CSS3.
hopscotch – A framework to make it straightforward for builders so as to add product excursions to their pages.
joyride – jQuery function tour plugin.
focusable – Set a highlight give attention to DOM ingredient including a overlay layer to the remainder of the web page.

Notifications

iziToast – Elegant, responsive, versatile and light-weight notification plugin with no dependencies.
messenger – Growl-style alerts and messages in your app.
noty – jQuery notification plugin.
pnotify – JavaScript notifications for Bootstrap, jQuery UI, and the Net Notifications Draft.
toastr – Easy javascript toast notifications.
humane-js – A easy, fashionable, browser notification system.
smoke.js – Framework-agnostic styled alert system for javascript.
notie – Easy notifications and inputs with no dependencies.

Sliders

Swiper – Cellular contact slider and framework with hardware accelerated transitions.
slick – The final carousel you’ll ever want.
slidesJs – Is a ressponsive slideshow plug-in for JQuery(1.7.1+) with options like contact and CSS3 transitions
FlexSlider – An superior, absolutely responsive jQuery slider plugin.
unslider – The only jQuery slider there may be.
sly – JavaScript library for one-directional scrolling with merchandise based mostly navigation assist.
vegas – A jQuery plugin so as to add stunning fullscreen backgrounds to your webpages. It even permits Slideshows.
Sequence – CSS animation framework for creating responsive sliders, shows, banners, and different step-based purposes.
reveal.js – A framework for simply creating stunning shows utilizing HTML.
impress.js – It’s a presentation framework based mostly on the ability of CSS3 transforms and transitions in fashionable browsers and impressed by the concept behind prezi.com.
bespoke.js – DIY Presentation Micro-Framework
Strut – Strut – An Impress.js and Bespoke.js Presentation Editor
PhotoSwipe – JavaScript picture gallery for cell and desktop, modular, framework unbiased.
jcSlider – A responsive slider jQuery plugin with CSS animations.
basic-jquery-slider – Easy to make use of, easy to theme, easy to customize.
jQuery.adaptive-slider – A jQuery plugin for a slider with adaptive coloured figcaption and navigation.
slidr – add some slide results.
Flickity – Contact, responsive, flickable galleries.
Glide.js – Responsive and touch-friendly jQuery slider. It’s easy, light-weight and quick.
jQuery.adaptive-slider – A jQuery plugin for a slider with adaptive coloured figcaption and navigation.

Vary Sliders

Ion.RangeSlider – Highly effective and simply customizable vary slider with many choices and pores and skin assist.
jQRangeSlider – A javascript slider selector that helps dates.
noUiSlider – A light-weight, extremely customizable vary slider with out bloat.
rangeslider.js – HTML5 enter vary slider ingredient polyfill.

Kind Widgets

Enter

typeahead.js – A quick and fully-featured autocomplete library.
tag-it – A jQuery UI plugin to deal with multi-tag fields in addition to tag recommendations/autocomplete.
At.js – Add Github like mentions autocomplete to your utility.
Placeholders.js – A JavaScript polyfill for the HTML5 placeholder attribute.
fancyInput – Makes typing in enter fields enjoyable with CSS3 results.
jQuery-Tags-Enter – Magically convert a easy textual content enter right into a cool tag listing with this jQuery plugin.
vanilla-masker – A pure javascript masks enter.
Ion.CheckRadio – jQuery plugin for styling checkboxes and radio-buttons. With pores and skin assist.
awesomplete – Extremely light-weight, usable, stunning autocomplete with zero dependencies.

Calendar

pickadate.js – The mobile-friendly, responsive, and light-weight jQuery date & time enter picker.
bootstrap-datepicker – A datepicker for @twitter bootstrap forked from Stefan Petre’s (of eyecon.ro), enhancements by @eternicode.
Pikaday – A refreshing JavaScript Datepicker — light-weight, no dependencies, modular CSS.
fullcalendar – Full-sized drag & drop occasion calendar (jQuery plugin).
rome – A customizable date (and time) picker. Dependency free, opt-in UI.
datedropper – datedropper is a jQuery plugin that gives a fast and straightforward strategy to handle dates for enter fields.

Choose

selectize.js – Selectize is the hybrid of a textbox and choose field. It’s jQuery based mostly and it has autocomplete and native-feeling keyboard navigation; helpful for tagging, contact lists, and so forth.
select2 – a jQuery based mostly substitute for choose packing containers. It helps looking, distant knowledge units, and infinite scrolling of outcomes.
chosen – A library for making lengthy, unwieldy choose packing containers extra pleasant.

File Uploader

jQuery-File-Add – File Add widget with a number of file choice, drag&drop assist, progress bar, validation and preview photos, audio and video for jQuery.
dropzone – Dropzone is a simple to make use of drag’n’drop library. It helps picture previews and exhibits good progress bars.
move.js – A JavaScript library offering a number of simultaneous, secure, fault-tolerant and resumable/restartable file uploads by way of the HTML5 File API.
fine-uploader – A number of file add plugin with progress-bar, drag-and-drop, direct-to-S3 importing.
FileAPI – A set of javascript instruments for working with information. Multiupload, drag’n’drop and chunked file add. Pictures: crop, resize and auto orientation by EXIF.
plupload – A JavaScript API for coping with file uploads it helps options like a number of file choice, file kind filtering, request chunking, consumer aspect picture scaling and it makes use of totally different runtimes to attain this comparable to HTML 5, Silverlight and Flash.

Different

type – jQuery Kind Plugin.
Garlic.js – Robotically persist your types’ textual content and choose subject values regionally, till the shape is submitted.
Countable – A JavaScript perform so as to add reside paragraph-, word- and character-counting to an HTML ingredient.
card – Make your bank card type higher in a single line of code.
stretchy – Kind ingredient autosizing, the way in which it must be.

Ideas

tipsy – Fb-style tooltips plugin for jQuery.
opentip – An open supply javascript tooltip based mostly on the prototype framework.
qTip2 – Fairly highly effective tooltips.
tooltipster – A jQuery tooltip plugin.
simptip – A easy CSS tooltip made with Sass.
jquery-popup-overlay – jQuery plugin for responsive and accessible modal home windows and tooltips.
toolbar – A tooltip fashion toolbar jQuery plugin
trace.css – A tooltip library in CSS in your beautiful web sites.

Modals and Popups

Magnific-Popup – A Gentle and responsive lightbox script with give attention to efficiency.
jquery-popbox – jQuery PopBox UI Aspect.
jquery.avgrund.js – A jQuery plugin with new modal idea for popups.
vex – A contemporary dialog library which is extremely configurable and straightforward to fashion.
bootstrap-modal – Extends the default Bootstrap Modal class. Responsive, stackable, ajax and extra.
css-modal – A modal constructed out of pure CSS.
jquery-popup-overlay – jQuery plugin for responsive and accessible modal home windows and tooltips.
SweetAlert – An superior substitute for JavaScript’s alert.
baguetteBox.js – Easy and straightforward to make use of lightbox script written in pure JavaScript.
colorbox – A lightweight-weight, customizable lightbox plugin for jQuery.
fancyBox – A device that provides a pleasant and stylish manner so as to add zooming performance for photos, html content material and multi-media in your webpages.
swipebox – A touchable jQuery lightbox
jBox – jBox is a strong and versatile jQuery plugin, caring for all of your popup home windows, tooltips, notices and extra.

Scroll

scrollMonitor – A easy and quick API to observe parts as you scroll.
headroom – Give your pages some headroom. Disguise your header till you want it.
onepage-scroll – Create an Apple-like one web page scroller web site (iPhone 5S web site) with One Web page Scroll plugin.
iscroll – iScroll is a excessive efficiency, small footprint, dependency free, multi-platform javascript scroller.
skrollr – Stand-alone parallax scrolling library for cell (Android + iOS) and desktop. No jQuery.
parallax – Parallax Engine that reacts to the orientation of a sensible system.
stellar.js – Parallax scrolling made straightforward.
plax – jQuery powered parallaxing.
jparallax – jQuery plugin for creating interactive parallax impact.
fullPage – A easy and straightforward to make use of plugin to create fullscreen scrolling web sites (also referred to as single web page web sites).
ScrollMenu – A brand new interface to interchange outdated boring scrollbar.
Clusterize.js – Tiny vanilla JS plugin to show giant knowledge units simply.

Menu

jQuery-menu-aim – jQuery plugin to fireside occasions when person’s cursor goals at specific dropdown menu gadgets. For making responsive mega dropdowns like Amazon’s.
jQuery contextMenu – contextMenu supervisor.
Slideout – A responsive contact slideout navigation menu for cell internet apps.
Slide and swipe – A sliding swipe menu that works with touchSwipe library.

Desk/Grid

jTable – A jQuery plugin to create AJAX based mostly CRUD tables.
DataTables – (jQuery plug-in) It’s a extremely versatile device, based mostly upon the foundations of progressive enhancement, and can add superior interplay controls to any HTML desk.
Tabulator – (jQuery plug-in) An especially versatile library that create tables with a variety of interactive options from any JSON knowledge supply or present HTML desk.
Bootstrap Desk – An Extension to the favored Bootstrap framework for creating tables that match the fashion of your web site without having for extra markup.
floatThead – (jQuery plug-in) lock any desk’s header whereas scrolling inside the physique. Works on any desk and requires no customized html or css.
Masonry – A cascading grid format library.
Packery – A grid format library that makes use of a bin-packing algorithm. Useable for draggable layouts.
Isotope – A filterable, sortable, grid format library. Can implement Masonry, Packery, and different layouts.
flexboxgrid – Grid based mostly on CSS3 flexbox

Frameworks

Semantic UI – UI Package with a lot of themes and parts
w2ui – A set of jQuery plugins for front-end improvement of data-driven internet purposes.
fluidity – The worlds smallest fully-responsive css framework
Ink – An HTML5/CSS3 framework used at SAPO for quick and environment friendly web site design and prototyping

Boilerplates

html5-boilerplate – An expert front-end template for constructing quick, strong, and adaptable internet apps or websites.
mobile-boilerplate – A front-end template that helps you construct quick, fashionable cell internet apps.
webplate – An superior front-end framework that permits you to keep targeted on constructing your web site or app whereas remaining very easy to make use of.
Cerberus – A number of easy, however strong patterns for responsive HTML emails. Even in Outlook.
full-page-intro-and-navigation – An intro web page with a full width background picture, a daring animated menu and an iOS-like blurred impact behind the navigation
Fluid-Squares – A fluid grid of sq. models.
Cellular-First-RWD – An instance of a mobile-first responsive internet design
this-is-responsive – This Is Responsive
npm run-scripts Job automation with NPM run-scripts.

Gesture

hammer.js – A JavaScript library for multi-touch gestures.
touchemulator – Emulate contact enter in your desktop.
Dragula – Drag and drop so easy it hurts

Maps

Leaflet – JavaScript library for mobile-friendly interactive maps.
Cesium – Open Supply WebGL digital globe and map engine.
gmaps – The best manner to make use of Google Maps.
polymaps – A free JavaScript library for making dynamic, interactive maps in fashionable internet browsers.
kartograph.js – Open supply JavaScript renderer for Kartograph SVG maps.
mapbox.js – Mapbox JavaScript API, a Leaflet Plugin.
jqvmap – jQuery Vector Map Library.
OpenLayers3 – A high-performance, feature-packed library for all of your mapping wants.

Video/Audio

prettyembed.js – Prettier embeds in your YouTubes – with good choices like high-res preview photos, superior customization of embed choices, and non-compulsory FitVids assist.
html5media – Permits and tags in all main browsers.
Play-em JS – Play’em is a javascript element that manages a music/video observe queue and performs a sequence of songs by embedding a number of gamers in a HTML DIV together with Youtube, Soundcloud and Vimeo.
polyplayer – Rule YouTube, Soundcloud and Vimeo participant with one API
flowplayer – The HTML5 video participant for the net.
mediaelement – HTML5 or participant with Flash and Silverlight shims that mimics the HTML5 MediaElement API, enabling a constant UI in all browsers.
SoundJS – A library to make working with audio on the net simpler. It supplies a constant API for enjoying audio in several browsers.
video.js – Video.js – open supply HTML5 & Flash video participant
FitVids.js – A light-weight, easy-to-use jQuery plugin for fluid width video embeds.
Ion.Sound – Easy sounds on any internet web page
photobooth-js – A widget that enables customers to take their avatar photos in your web site
clappr – An extensible media participant for the net.

Typography

FlowType.JS – Net typography at its most interesting: font-size and line-height based mostly on ingredient width.
BigText – jQuery plugin, calculates the font-size and word-spacing wanted to match a line of textual content to a particular width.
circletype – A jQuery plugin that permits you to curve kind on the net
slabText – A jQuery plugin for producing massive, daring & responsive headlines
simple-text-rotator – Add an excellent easy rotating textual content to your web site with little to no markup
novacancy.js – Textual content Neon Golden impact jQuery plug-in.
jquery-responsive-text – Make your textual content sizing responsive!
FitText.js – A jQuery plugin for inflating internet kind
Lettering.js – A light-weight, straightforward to make use of Javascript injector for radical Net Typography

Animations

Picture Processing

lena.js – A Library for picture processing with filters and util capabilities.
pica – Top quality picture resize (with quick Lanczos filter, carried out in pure JS).
cropper – A easy jQuery picture cropping plugin.

ES6

es6features – Overview of ECMAScript 6 options.
es6-features – ECMAScript 6: Function Overview & Comparability.
es6-cheatsheet – ES2015 [ES6] cheatsheet containing suggestions, methods, finest practices and code snippets.
ECMAScript 6 compatibility desk – Compatibility tables for all ECMAScript 6 options on quite a lot of environments.
Babel (Previously 6to5) – Flip ES6+ code into vanilla ES5 with no runtime.
Traceur compiler – ES6 options > ES5. Contains lessons, turbines, guarantees, destructuring patterns, default parameters & extra.

SDK

javascript-sdk-design – Javascript SDK design information extracted from work and private expertise
Spotify SDK – Entity oriented SDK to work with the Spotify Net API.

Miscellaneous

echo – Lazy-loading photos with data-* attributes.
picturefill – A responsive picture polyfill for , srcset, sizes.
platform.js – A platform detection library that works on practically all JavaScript platforms.
json3 – A contemporary JSON implementation appropriate with practically all JavaScript platforms.
Logical Or Not – A sport about JavaScript specificities.
BitSet.js – A JavaScript Bit-Vector implementation
spoiler-alert – SPOILER ALERT! A cheerful little jquery plugin to cover spoilers in your web site.
jquery.vibrate.js – Vibration API Wrappers
listing.js – Provides search, kind, filters and adaptability to tables, lists and numerous HTML parts. Constructed to be invisible and work on present HTML.
mixitup – MixItUp – A Filter & Kind Plugin
grid – Drag and drop library for two-dimensional, resizable and responsive lists.
jquery-match-height – a responsive equal heights plugin for jQuery.
survey.js – JavaScript Survey Engine. It makes use of JSON for survey metadata and outcomes. http://surveyjs.org/
Array Explorer and Object Explorer – Assets to assist determine what native JavaScript technique can be finest to make use of at any given time
Clipboard.js – “Copy to clipboard” with out Flash or use of Frameworks.

Podcasts

JavaScript Air – The reside video broadcast podcast all about JavaScript and the Net platform.
Net of Tomorrow – Podcast about JavaScript for rookies.
Javascript Jabber – A weekly podcast about JavaScript, together with Node.js, Entrance-Finish Applied sciences, Careers, Groups and extra.

Value Studying

You Don’t Know JS – Probably the very best ebook written on fashionable JavaScript, utterly readable on-line totally free, or may be purchased to assist the writer.
braziljs/js-the-right-way
JSbooks
Superhero.js – A group of assets about creating, testing and sustaining a big JavaScript code base.
SJSJ – Simplified JavaScript Jargon is a community-driven try at explaining the a great deal of buzzwords making the present JavaScript ecosystem in a couple of easy phrases.
Learn how to Write an Open Supply JavaScript Library – A complete information by a set of steps to publish a JavaScript open supply library.
Jaavascript tutorial – Study Javascript on-line from a various vary of person ranked on-line tutorials.

Congratulations, you have got made it to the tip of the listing! Share it together with your family members.

Credit score: Due to Sorrycc for including this listing and waiving all copyright and associated/neighboring rights to this work as he launched it on GitHub beneath the Public Area.

Consider this publish as a fork of the unique article (which is libre) so your contributions within the type of recommendations, feedback, and so forth. are at all times welcome.

Are you proud of as we speak’s listing? Share your ideas with us within the feedback part beneath.

Source link

Related Articles

Back to top button