Skip to content
Minimal string/DOM templating.
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
test
.gitignore
.travis.yml
LICENSE
README.md
index.js
package.json

README.md

[![NodeJS build status](https://secure.travis-ci.org/icetan/vixen.png)](http://travis-ci.org/icetan/vixen)

Vixen

Minimal string/DOM templating hybrid developed for use with node-webkit.

Only ~11kb and ~2.5kb minified+gzip.

Example usage

<div id="view">
  <h1>I'm {{me.name}}</h1>

  <h2>And I like</h2>
  <ul vx-for="i:like in me.likes">
    <li class="{{i | alt}}">{{like}}</li>
  </ul>

  <input value="{{message}}" placeholder="Write something…"/>
  <button onclick="{{shout}}">and try my event handling</button>
</div>
var view = vixen(document.getElementById('view'), {
  me: {
    name: 'Vixen',
    likes: [ 'Trampolines', 'Geese', 'Washing machines', 'Other foxes' ]
  },
  shout: function() {
    alert('You wrote: "'+view.message+'".');
    view.message = '';
  },
  alt: function(i) { return i%2 === 0 ? 'dark' : 'light'; }
});

See it in action.

browser build status

You can’t perform that action at this time.