Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A simple, backbone inspired view helper.
JavaScript CSS

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
__tests__ [update] Washi now returns an array of components
dist [update] Docs, version
docs [add] append and remove methods
src [add] append and remove methods
.npmignore [update] Docs, version
.travis.yml Make it jqueryless
package.json [update] Version
washi.js [update] Washi now returns an array of components
webpack.config.js Update docs, remove children


Build Status

Basic usage

var Washi = require('washi');
var $     = Washi.$;

var Sample = {

    ui: {
        title: '.title',

    events: {
        // Use ui helper selectors as aliases with {element}
        'mousedown {title}, touchstart {title}' : 'doSomething',

        // Alternatively, follow the syntax used by Backbone.Marionette
        'click @ui.title': 'doSomethingElse'

    initialize: function(options) {
        this.ui.title.forEach(function(e) {
          e.innerHTML = 'Washi is for Origami';

    doSomething: function() {
      var text = $.pluck(this.ui.title, 'innerHTML').join(' ');

    doSomethingElse: function() {
        console.log("Something else");


var sample = Washi(Sample, {
    el: "#sample-el"

Corresponding with:

<div id="sample">
    <h1 class="title">Paper Crane</h1>


washi is released under the MIT License.

Something went wrong with that request. Please try again.