Snakeskin

Demo

HTML

<script src="http://kobezzza.com/files/snakeskin.min.js"></script>
<script type="text/x-snakeskin-template" id="templates">
    {template foo.tpl(name)}
        <h1 onclick="bar.click(this)">Hello {name}!</h1>
        {template foo.header.tpl(name, header)}
            <h2>header</h2>
            <h3>name</h3>
        {/template}
    {/template}
</script>

<div id="test"></div>

CSS

h1 {
    font-size: 40px
}

JavaScript

Snakeskin.compile(document.getElementById('templates'));

window.bar = {
    click: function(target) {
        console.log(target)
    }
};

//console.log(foo);
//console.log(foo.tpl('world'));


document.getElementById('test').innerHTML = foo.tpl('world');