50 Javascript Tools & Resources from 2013

Just as we focused on CSS a few days back, today we take a look at 50 of our favorite Javascript resources from 2013. You will notice that this article does not include any jQuery resources as we have already published a dedicated jQuery round-up post last week, you can check that out here.
But if you are looking for a standalone Javascript framework or library, then this is the place for you!

So, here we go, our 50 favorite Javascript resources from 2013:

React

React top 50 javascript tools resources 2013

React is a JavaScript framework from Facebook for building user interfaces.

React →

AdminJS

AdminJS - The Backend-Agnostic Administration Framework top 50 javascript tools resources 2013

AdminJS is a client-side administration framework for interacting with your backend.

AdminJS →

Parallax – Lightweight Parallax Engine

Parallax - Lightweight Parallax Engine top 50 javascript tools resources 2013

Parallax is a simple, lightweight parallax engine that reacts to the orientation of a smart device.

Parallax →

Web Tracing Framework

Web Tracing Framework - Rich tools for instrumenting, analyzing, and visualizing web apps top 50 javascript tools resources 2013

The Web Tracing Framework is a set of libraries, tools, and visualizers for the tracing and investigation of complex web applications.

Web Tracing Framework →

Grid Forms

Grid Forms top 50 javascript tools resources 2013

A JS/CSS framework, Grid Forms are dense forms designed for use in applications that require lots of data to be entered regularly.

Grid Forms →

Hopscotch – A Product Tour Framework

Hopscotch - A Product Tour Framework top 50 javascript tools resources 2013

Hopscotch is a framework to make it easy to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.

Hopscotch →

Pedestal

Pedestal top 50 javascript tools resources 2013

Pedestal is a web application framework written in Clojure that aims to bring both the language and its principles to client and server-side development.

Pedestal →

Helios

Helios top 50 javascript tools resources 2013

Helios is an open-source framework that provides essential backend services for iOS apps allowing developers to get a client-server app up-and-running in just a few minutes.

Helios →

RoughDraft.js

RoughDraft.js top 50 javascript tools resources 2013

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).

RoughDraft.js →

svg.js

svg.js top 50 javascript tools resources 2013

svg.js is a lightweight library for manipulating and animating SVG with no dependencies and aims to be as small as possible.

svg.js →

Midway.js

Midway.js top 50 javascript tools resources 2013

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

Midway.js →

Perimeter.js

news design Perimeter.js top 50 javascript tools resources 2013

Perimeter.js →

Rar.js

Using AJAX, File API & local access, rar.js provides a pure Javascript implementation of the RAR format, allowing you to extract or manipulate packed data client-side and server-side.

Rar.js →

WideArea

WideArea top 50 javascript tools resources 2013

Widearea is a lightweight JavaScript/CSS library to create an expandable textarea and to write large volumes of text easily.

WideArea →

Angular Chart.js

Angular Chart.js - A Simple Chart.js Wrapper for Angular top 50 javascript tools resources 2013

Angular Chart.js →

HTML.js

HTML.js -  An Extensible Library To Help You Enjoy the DOM top 50 javascript tools resources 2013

HTML.js →

JSHint

JSHint top 50 javascript tools resources 2013

JSHint is a tool for detecting errors in JavaScript code and enforce your team's coding conventions.

JSHint →

Flatdoc

Flatdoc top 50 javascript tools resources 2013

Flatdoc is a small JavaScript file that fetches Markdown files and renders them as full pages.

Flatdoc →

Skeuocard

Skeuocard - Progressively enhances credit card inputs to a skeuomorphic interface top 50 javascript tools resources 2013

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

Skeuocard →

Ractive.js

Ractive.js - Next-Generation DOM Manipulation top 50 javascript tools resources 2013

Ractive.js is a JavaScript library for building reactive user interfaces in a way that doesn’t force you into a particular framework’s way of thinking.

Ractive.js →

HTML-Inspector

HTML-Inspector top 50 javascript tools resources 2013

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.

HTML-Inspector →

Simple Statistics

Simple Statistics top 50 javascript tools resources 2013

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

Simple Statistics →

Annyang

Annyang top 50 javascript tools resources 2013

annyang is a tiny JS library that lets your visitors control your site with voice commands. It supports multiple languages and has no dependencies.

Annyang →

favico.js

news design favico.js - Make a Use of Your Favicon top 50 javascript tools resources 2013

favico.js →

Snap.svg

Snap.svg top 50 javascript tools resources 2013

The Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.

Snap.svg →

Resumable.js

Resumable.js top 50 javascript tools resources 2013

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

Resumable.js →

Sir Trevor JS

Sir Trevor JS top 50 javascript tools resources 2013

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.

Sir Trevor JS →

gif.js

gif.js top 50 javascript tools resources 2013

gif.js is a JavaScript GIF encoder that runs in your browser that uses typed arrays and web workers to render each frame in the background.

gif.js →

instano.js

instano.js top 50 javascript tools resources 2013

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 JS is disabled.

instano.js →

Countable.js

Countable.js top 50 javascript tools resources 2013

Countable is a function to add live paragraph-, word- and character-counting to an HTML element.

Countable.js →

Packery

Packery top 50 javascript tools resources 2013

Packery is a JavaScript layout library that uses a bin-packing algorithm. Layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.

Packery →

highlight.js

highlight.js top 50 javascript tools resources 2013

Highlight.js highlights syntax in code examples on any web page. It will automatically detect a language and highlight it.

highlight.js →

Raw

Raw top 50 javascript tools resources 2013

Raw is an open web tool for creating custom vector-based visualizations on top of the d3.js library.

Raw →

FastActive

FastActive top 50 javascript tools resources 2013

FastActive is a JS snippet that makes websites and web apps feel as responsive as native apps on touch devices.

FastActive →

RulersGuides.js

RulersGuides.js top 50 javascript tools resources 2013

RulersGuides.js is a Javascript library which enables Photoshop-like rulers and guides interface on a web page..

RulersGuides.js →

TogetherJS

TogetherJS top 50 javascript tools resources 2013

TogetherJS is a free, open source Javascript library by Mozilla that adds collaboration features and tools to your website.

TogetherJS →

Medium Editor

Medium Editor top 50 javascript tools resources 2013

Written using vanilla JavaScript, Medium Editor is a clone of medium.com inline editor toolbar.

Medium Editor →

Vex

Vex top 50 javascript tools resources 2013

Vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way.

Vex →

Conditioner.js

Conditioner.js top 50 javascript tools resources 2013

Conditioner.js is Javascript library for loading and unloading behavior based on environment conditions.

Conditioner.js →

Intern

Intern top 50 javascript tools resources 2013

Intern is a complete test stack for JavaScript designed to help you write and run consistent, high-quality test cases for your JavaScript libraries and applications.

Intern →

Chart.js

Chart.js top 50 javascript tools resources 2013

Simple HTML5 Charts using the canvas element.

Chart.js →

Intro.js

Intro.js top 50 javascript tools resources 2013

Intro.js offers better introductions for websites and features with a step-by-step guide for your projects.

Intro.js →

Headtrackr

headtrackr is a library for real-time face tracking and head tracking, tracking the position of a users head in relation to the computer screen, via a web camera and the webRTC/getUserMedia standard.

Headtrackr →

Formbuilder.js

Formbuilder.js top 50 javascript tools resources 2013

Formbuilder is a graphical interface for building webforms. Think Wufoo or Google Forms, but a lightweight component that can be integrated into your application.

Formbuilder.js →

Superhero.js

Superhero.js top 50 javascript tools resources 2013

Superhero.js is a collection of the best articles we've found on the topic.

Superhero.js →

Author: (857 Posts)

This post has been written by the team here at Speckyboy Design Magazine.

Comments