40 Useful Javascript Tools & Resources

40 Useful Javascript Tools & Resources 1

Here, we are presenting 40 JavaScript tools and resources for you. This post is totally dedicated to JavaScript resources and therefore, you will not find any jQuery or CSS resource here as we have separately published them before. JavaScript is a powerful client-side scripting language that has been used in many modern websites as well as web applications. Sometimes, it is difficult to write JavaScript because of the environment it runs in, and this is where JavaScript tools and resources come into play.

So what do you think? What did we miss? Which resources do you like the most and why? Leave us a comment and let us know what you think about this compilation. We hope that following JavaScript tools and resources will let you speed up your coding process and help you to achieve desired result within deadline.

Admin.js

The Backend-Agnostic Administration Framework.

40 Useful Javascript Tools & Resources 2

Roughdraft.js

Quickly create and prototype a full interactive HTML mock-up without duplicating markup, server-side loops/code, or having to source fake content (lorem ipsum text/images).

40 Useful Javascript Tools & Resources 3

Midway

Midway.js makes it super easy to automatically center the responsive elements on your websites.

40 Useful Javascript Tools & Resources 4

Packery

Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.

40 Useful Javascript Tools & Resources 5

Together.js

TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time!

40 Useful Javascript Tools & Resources 6

Perimeter.js

Creates an invisible perimeter around a target element and monitors mouse breaches.

40 Useful Javascript Tools & Resources 7

Angles

Angles.js is a set of directives that wrap the chart.js library for use with angular. Just include the angles.js file, add “angles” to your list of app requirements and check out the source for use. More to come.

40 Useful Javascript Tools & Resources 8

HTML.js

HTML is a small, powerful way for you to enjoy working directly with the DOM.

40 Useful Javascript Tools & Resources 9

Popcorn-js

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.

40 Useful Javascript Tools & Resources 10

Javascript Regular Expression Validator

This tool is a web-based regular expression validator for Javascript that lets you easily test and write regular expressions for Javascript.

40 Useful Javascript Tools & Resources 11

Html Inspector

HTML Inspector is a code quality tool to help you and your team write better markup. It’s written in JavaScript and runs in the browser, so testing your HTML has never been easier.

40 Useful Javascript Tools & Resources 12

Annyang

annyang is a tiny javascript library that lets your visitors control your site with voice commands.

40 Useful Javascript Tools & Resources 13

Highlightjs

Syntax highlighting for the Web.

40 Useful Javascript Tools & Resources 14

Favico.js

Make a use of your favicon with badges, images or videos.

40 Useful Javascript Tools & Resources 15

Raw

The missing link between spreadsheets and vector graphics.

40 Useful Javascript Tools & Resources 16

RulersGuides.js

Creates Photoshop-like guides and rulers interface on a web page.

40 Useful Javascript Tools & Resources 17

Instano.js

instano.js allows you to instantly detect if JavaScript is disabled after the page is loaded.It modifies the standard noscript tags so that the messages inside can be shown immediately whenever JavaScript is disabled.

40 Useful Javascript Tools & Resources 18

Medium Editor

Medium.com WYSIWYG editor clone.

40 Useful Javascript Tools & Resources 19

Chartjs

Easy, object oriented client side graphs for designers and developers.

40 Useful Javascript Tools & Resources 20

Sir Trevor js

Sir Trevor is rich content editing entirely re-imagined for the web: an intuitive editor for web content which does not presuppose anything about how it will be rendered.

40 Useful Javascript Tools & Resources 21

Gif.js

Full-featured JavaScript GIF encoder that runs in your browser.

40 Useful Javascript Tools & Resources 22

Skeuocard

Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.

40 Useful Javascript Tools & Resources 23

Wide Area

WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster.

40 Useful Javascript Tools & Resources 24

Slickspeed

Every framework runs in his own iFrame, thus no conflicts can happen. Tests are run selector by selector, with an interval to prevent the browser from freeezing.

40 Useful Javascript Tools & Resources 25

Emberjs

A framework for creating ambitious web applications.

40 Useful Javascript Tools & Resources 26

Reveal.js

The HTML Presentation Framework.

40 Useful Javascript Tools & Resources 27

-Breezejs

Rich data for JavaScript apps is a Breeze.

40 Useful Javascript Tools & Resources 28

Resumablejs

A JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.

40 Useful Javascript Tools & Resources 29

Parallax

Simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

40 Useful Javascript Tools & Resources 30

Knockoutjs

Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM).

40 Useful Javascript Tools & Resources 31

Leafletjs

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.

40 Useful Javascript Tools & Resources 32

Handlebars.js

Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.

40 Useful Javascript Tools & Resources 33

JavaScript Regex Generator

First attempt at making a user-friendly regex generator. A little buggy in IE. Currently limited to 7 groups and no support for negating character classes.

40 Useful Javascript Tools & Resources 34

jsbin

JS Bin is a JavaScript, HTML and CSS playground. If you want to experiment, learn or help your friends with a problem, then JS Bin is for you.

40 Useful Javascript Tools & Resources 35

jslint

JSLint,The JavaScript Code Quality Tool.

40 Useful Javascript Tools & Resources 36

React

React is a JavaScript library for building user interfaces.

40 Useful Javascript Tools & Resources 37

Svgjs

A lightweight library for manipulating and animating SVG.

40 Useful Javascript Tools & Resources 38

Pixastic

Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript.

40 Useful Javascript Tools & Resources 39

Bonsai.js

A lightweight graphics library with an intuitive graphics API and an SVG renderer.

40 Useful Javascript Tools & Resources 40

JSLitmus

JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests.

40 Useful Javascript Tools & Resources 41

Simple Statistics

Simple statistics is a JavaScript library that does descriptive statistics, regression, and classification.

40 Useful Javascript Tools & Resources 42

SmashingApps.com participates in various affiliate marketing programs and especially Amazon Services LLC Associates Program, which means we may get paid commissions on editorially chosen products purchased through our links to any of the linked sites from us.