Skip to content
A simple, backbone inspired view helper.
Find file
Latest commit ccfccb7 @nhunzaker nhunzaker Add license


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.

Code At Viget

Visit to see more projects from Viget.

Something went wrong with that request. Please try again.