← Back to index

tools.ampersandjs.com

Created: 2015-03-25 02:25  |  Source: http://tools.ampersandjs.com/

tools.ampersandjs.com hand-picked clientside modules installable from npm

Back to docs

Use the search box to filter

add-keyup-events by: henrikjoreteg | github | npm

Emit custom events from an input so you can do stuff like listening for "enter" and "esc" events the same way as you would "keyup".

tags: input, events, dom

ampersand by: henrikjoreteg | github | npm

CLI tool for generating single page apps a. la. http://humanjavascript.com

tags: clientside, cli, single page apps

ampersand-array-input-view by: henrikjoreteg | github | npm

A view module for intelligently rendering and validating inputs that should produce an array of values. Works well with ampersand-form-view.

tags: forms, ampersand, browser

ampersand-avatar-input-view by: latentflip | github | npm

tags:

ampersand-checkbox-view by: henrikjoreteg | github | npm

A view module for intelligently rendering and validating checkbox input. Works well with ampersand-form-view.

tags: forms, ampersand, browser

ampersand-class-extend by: henrikjoreteg | github | npm

JS class extension tool for enabling easily extending prototype with multiple objects.

tags: ampersand, inheritance, class

ampersand-collection by: henrikjoreteg | github | npm

A way to store/manage objects or models.

tags: collection, client, mvc

ampersand-collection-underscore-mixin by: henrikjoreteg | github | npm

A mixin for extending ampersand-collection with underscore methods.

tags: ampersand, collection, underscore

ampersand-dom by: henrikjoreteg | github | npm

Super light-weight DOM manipulation lib.

tags: dom, binding

ampersand-domthing-mixin by: latentflip | npm

A mixin for AmpersandView that makes data binding between your models and domthing templates happen automatically.

tags:

ampersand-form-view by: henrikjoreteg | github | npm

Completely customizable form lib for bulletproof clientside forms.

tags: forms, ampersand, browser

ampersand-input-view by: henrikjoreteg | github | npm

A view module for intelligently rendering and validating input. Works well with ampersand-form-view.

tags: forms, ampersand, browser

ampersand-model by: henrikjoreteg | github | npm

An extension to ampersand-state that adds methods and properties for working with a RESTful API.

tags: model, ampersand, state

ampersand-registry by: henrikjoreteg | github | npm

Global model registry for tracking instantiated models accross collections.

tags: models, collection

ampersand-rest-collection by: henrikjoreteg | github | npm

ampersand-collection with REST and Underscore mixins.

tags: collection, rest, models

ampersand-router by: henrikjoreteg | github | npm

Clientside router with fallbacks for browsers that don't support pushState. Mostly lifted from Backbone.js.

tags: clientside, router, history

ampersand-select-view by: henrikjoreteg | github | npm

A view module for intelligently rendering and validating selectbox input. Works well with ampersand-form-view.

tags: ampersand, form, view, select

ampersand-state by: henrikjoreteg | github | npm

An observable, extensible state object with derived watchable properties.

tags: model, object, observable

ampersand-sync by: henrikjoreteg | github | npm

Provides sync behavior for updating data from ampersand models and collections to the server.

tags: backbone, sync, rest, ampersand

ampersand-view by: henrikjoreteg | github | npm

A smart base view for Backbone apps, to make it easy to bind collections and properties to the DOM.

tags: backbone, view, browser, browserify

ampersand-view-switcher by: henrikjoreteg | github | npm

A utility for swapping out views inside a container element.

tags: ampersand, views, backbone, clientside

andlog by: henrikjoreteg | github | npm

Super-simple, client-side CommonJS logging thingy

tags:

array-jumper by: henrikjoreteg | npm

Jump forward or backward through an array by an index based on an item already in the array.

tags: util, array, index

array-next by: henrikjoreteg | npm

Advance to the next item in the array looping when hitting the end.

tags: util, array, index

async by: caolan | github | npm

Higher-order functions and common patterns for asynchronous code

tags:

attachmediastream by: henrikjoreteg | npm

cross-browser way to attach a media stream to a video element.

tags: browser, getUserMedia, browserify, WebRTC, video

backbone-events-standalone by: n1k0 | github | npm

Standalone version of Backbone.Events

tags: backbone, events

bind-transforms by: henrikjoreteg | github | npm

Bind models properties to properly prefixed CSS transforms in backbone/humanjs views.

tags: humanjs, backbone, views, binding, transforms

bows by: latentflip | github | npm

Rainbowed console logs for chrome, opera and firefox in development.

tags: color, logging, chrome, console

clientconfig by: henrikjoreteg | github | npm

Simple way to pass config items from server to client

tags:

cookie-getter by: henrikjoreteg | npm

Super light, high performance clientside cookie reader. Common JS and clientmodules compatible.

tags:

domify by: tjholowaychuk | github | npm

turn HTML into DOM elements

tags: dom, html, client, browser, component

domready by: ded | github | npm

modern domready

tags: ender, domready, dom

domthing by: latentflip | github | npm

A simple, fast & safe, mustache/handlebars like templating engine with data-binding hooks built in.

tags:

domthingify by: latentflip | npm

Browserify transform for [domthing](http://github.com/latentflip/domthing).

tags:

dummy-api by: henrikjoreteg | npm

Util for making a fake little RESTful resource in express.js.

tags: REST, api, development

emoji-images by: henrikjoreteg | npm

Replace stuff like :smiley: in text with <img> tags of a corresponding image.

tags:

event-component by: tjholowaychuk | npm

Event binding component

tags: event, events

extend-object by: henrikjoreteg | github | npm

Underscore's extend method as a standalone Common JS module.

tags: extend, object, underscore

fastclick by: ftlabs | github | npm

Polyfill to remove click delays on browsers with touch UIs.

tags: fastclick, mobile, touch, tap, click, delay

favicon-setter by: henrikjoreteg | npm

Super-simple tool for dynamically setting the favicon image on a page.

tags: favicon, browser, browserify

get-result by: henrikjoreteg | github | npm

Utility function for getting a named property from an object. If the named property is a function invoke it with the object as context and return the result, otherwise return the property.

tags: utility, result, property

getusermedia by: henrikjoreteg | github | npm

cross-browser getUserMedia shim with node.js style error-first API.

tags: browser, getUserMedia, WebRTC

hammerjs by: jtangelder | github | npm

A javascript library for multi-touch gestures

tags: touch, gestures

hark by: latentflip | github | npm

Converts an audio stream to speech events in the browser

tags:

hidden by: raynos | github | npm

Cross browser Element#hidden

tags:

image-to-data-uri by: henrikjoreteg | npm

Clientside module (compatible with clientmodules) that takes an image url, downloads the image and creates a data URI for caching, etc.

tags:

img by: azer | github | npm

Create IMG element

tags: img, dom, browser, browserify, image, picture

is-dom by: yoshuawuyts | github | npm

Check if the given object is a dom node

tags: dom, html, is dom, dom node, dom object

jingle by: lancestout | github | npm

Generic Jingle via WebRTC session manager.

tags: webrtc, xmpp, jingle

jingle-rtcpeerconnection by: lancestout | npm

A wrapper for RTCPeerConnection that uses a JSON API instead of raw SDP.

tags: RTCPeerConnection, webrtc, xmpp, jingle

jxt by: lancestout | github | npm

JSON/XML Translator. Set/retrieve data from XML just like working with a dictionary.

tags: JXT, JSON, XML, translation, stanza.io

key-tree-store by: henrikjoreteg | github | npm

Simple tool for storing/retrieving objects events based hierarchical keypaths.

tags: events, trigger, keypath

loading-stats by: henrikjoreteg | npm

For tracking web app loading performance for single page apps.

tags:

mediastream-gain by: henrikjoreteg | github | npm

cross-browser getUserMedia shim with node.js style error-first API.

tags: browser, getUserMedia, WebRTC, microphone, webaudio

milliseconds by: henrikjoreteg | github | npm

Insanely lightweight module for converting times to milliseconds.

tags: time, conversion, milliseconds

mockconsole by: henrikjoreteg | npm

An object with all the same methods as console in the browser. But does nothing.

tags: browser, console, logging

moment by: timrwood | github | npm

Parse, manipulate, and display dates.

tags: moment, date, time, parse, format, validate, i18n, l10n, ender

moonboots by: henrikjoreteg | github | npm

A set of tools and conventions for building/serving clientside apps with node.js

tags: commonjs, clientside, browserify, singlepage

moonboots_hapi by: gar | github | npm

Moonboots plugin that allows it to serve files using a hapi server

tags:

ms by: rauchg | npm

Tiny ms conversion utility

tags:

photograb by: henrikjoreteg | npm

Browser module for capturing snapshots from a video (or other compatible) element.

tags: browser, getUserMedia, webrtc

pikaday by: rikkert | github | npm

A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS

tags: datepicker, calendar, date

precommit-hook by: nlf | github | npm

A useful pre-commit hook for git based projects that lints and runs npm test

tags:

query-param-getter by: henrikjoreteg | npm

Client module for grabbing query parameters by name from the URL.

tags: querystring, browser, url

raf-component by: tjholowaychuk | github | npm

request animation frame

tags: animate, requestAnimationFrame, performance

reformer by: henrikjoreteg | npm

Super customizable, Self-contained, self-rendering, self-validating forms that can only output valid data.

tags: form, browser

reformer-username by: henrikjoreteg | npm

Field plugin for reformer, that handles the annoying problem of username validataion in forms.

tags: form, browser

rtcpeerconnection by: henrikjoreteg | github | npm

A tiny browser module that normalizes and simplifies the API for WebRTC peer connections.

tags: browser, RTCPeerConnection, WebRTC, Jingle

semi-static by: henrikjoreteg | npm

Simple, lazy way to serve a directory of semi-static pages in express.js. Handy for building quick 'static' pages inside an othewise 'dynamic' app.

tags: express, shortcuts

simplewebrtc by: henrikjoreteg | github | npm

World's easiest webrtc

tags:

slugger by: henrikjoreteg | github | npm

Takes a string, returns a url friendly string. Works in browser and node. Dead simple.

tags: utils, browser, url

sound-effect-manager by: henrikjoreteg | github | npm

Easy way to manage and play sound effects using HTML5 Web Audio API

tags:

stanza.io by: lancestout | github | npm

Modern XMPP in the browser, with a JSON API

tags: xmpp, websocket, stanza.io

stylizer by: latentflip | github | npm

Stylizer makes it super easy to integrate stylus, and stylus plugins, into a node/moonboots project.

tags:

system-requirements by: henrikjoreteg | npm

Boxed software has 'em, now the web does too.

tags:

templatizer by: henrikjoreteg | github | npm

Simple solution for compiling jade templates into vanilla JS functions for blazin' fast client-side use.

tags: templates, browser, jade

time-counter by: henrikjoreteg | npm

Simple time counter tracker

tags:

transform-style by: henrikjoreteg | npm

Apply transform style property with proper prefix to an element. For use with browserify / CommonJS.

tags: styles, css, browserify

translatez-hack by: henrikjoreteg | npm

Apply the translateZ hack in a cross-browser way. For use with browserify / CommonJS.

tags: styles, css, browserify

tryit by: henrikjoreteg | npm

Module to wrap try-catch for better performance and cleaner API.

tags: errors, try, errorhandling

wake-event by: henrikjoreteg | npm

Detection for computer waking up from sleep.

tags: browser, events

webrtc by: henrikjoreteg | github | npm

WebRTC abstraction for making it simple to manage multiple peer connections of various types.

tags: webrtc, browser

webrtcsupport by: henrikjoreteg | github | npm

Browser module to detect support for webrtc and extract proper constructors.

tags: browser, WebRTC

wildemitter by: henrikjoreteg | npm

A super lightweight EventEmitter similar to what comes in Node.js, but with a support for wildcard events '*' and grouped handlers

tags: events, emitter, browser

window-watcher by: henrikjoreteg | github | npm

State object you can listen to for changes to window width.

tags: window, dom, events

xhr by: raynos | github | npm

small xhr abstraction

tags: xhr, http, xmlhttprequest, xhr2, browserify

zepto-detect by: henrikjoreteg | npm

The detect portion of zepto.js structured for use with browserify.

tags: zepto, browser

Sponsored by &yet

with the help of our contributors

&