Just as we focused on CSS a few days back, today we take a look at 50 of our favorite Javascript tools and 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 tools and resources from 2013:
React
React is a JavaScript framework from Facebook for building user interfaces.
AdminJS
AdminJS is a client-side administration framework for interacting with your backend.
AdminJS →
Parallax – Lightweight Parallax Engine
Parallax is a simple, lightweight parallax engine that reacts to the orientation of a smart device.
Web Tracing Framework
The Web Tracing Framework is a set of libraries, tools, and visualizers for the tracing and investigation of complex web applications.
Grid Forms
A JS/CSS framework, Grid Forms are dense forms designed for use in applications that require lots of data to be entered regularly.
Hopscotch – A Product Tour Framework
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.
Pedestal
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.
Helios
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
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).
svg.js
svg.js is a lightweight library for manipulating and animating SVG with no dependencies and aims to be as small as possible.
Midway.js
Midway.js makes it super easy to automatically center the responsive elements on your websites.
Midway.js →
Perimeter.js
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.
WideArea
Widearea is a lightweight JavaScript/CSS library to create an expandable textarea and to write large volumes of text easily.
Angular Chart.js
HTML.js
JSHint
JSHint is a tool for detecting errors in JavaScript code and enforce your team's coding conventions.
Flatdoc
Flatdoc is a small JavaScript file that fetches Markdown files and renders them as full pages.
Skeuocard
Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.
Ractive.js
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.
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.
Simple Statistics
Simple statistics is a JavaScript library that does descriptive statistics, regression, and classification.
Simple Statistics →
Annyang
annyang is a tiny JS library that lets your visitors control your site with voice commands. It supports multiple languages and has no dependencies.
favico.js
Snap.svg
The Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.
Resumable.js
Resumable.js is JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API
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.
gif.js
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.
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 JS is disabled.
Countable.js
Countable is a function to add live paragraph-, word- and character-counting to an HTML element.
Packery
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.
highlight.js
Highlight.js highlights syntax in code examples on any web page. It will automatically detect a language and highlight it.
Raw
Raw is an open web tool for creating custom vector-based visualizations on top of the d3.js library.
FastActive
FastActive is a JS snippet that makes websites and web apps feel as responsive as native apps on touch devices.
RulersGuides.js
RulersGuides.js is a Javascript library which enables Photoshop-like rulers and guides interface on a web page..
TogetherJS
TogetherJS is a free, open source Javascript library by Mozilla that adds collaboration features and tools to your website.
Medium Editor
Written using vanilla JavaScript, Medium Editor is a clone of medium.com inline editor toolbar.
Vex
Vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way.
Conditioner.js
Conditioner.js is Javascript library for loading and unloading behavior based on environment conditions.
Intern
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.
Chart.js
Simple HTML5 Charts using the canvas element.
Intro.js
Intro.js offers better introductions for websites and features with a step-by-step guide for your projects.
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.
Formbuilder.js
Formbuilder is a graphical interface for building webforms. Think Wufoo or Google Forms, but a lightweight component that can be integrated into your application.
Superhero.js
Superhero.js is a collection of the best articles we've found on the topic.
Comments