Snakeskin

Demo

HTML

<script src="http://kobezzza.com/files/snakeskin.min.js"></script>
<script type="text/x-snakeskin-template" id="templates">
    - var usingSnakeskin = true
    
    - template helloWorld(name = 'friend')
        < h1.b-hello
            - if usingSnakeskin
                < span.&__msg style = color: blue | -info = some description
                    "Hello '{name}' -- you are amazing!"
            
            - else
                < span.&__warning :: You wrong!!!
</script>

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

JavaScript

Snakeskin.compile(document.getElementById('templates'), {autoReplace: true});
document.getElementById('test').innerHTML = helloWorld();