Snakeskin

Demo

HTML

<script src="https://raw.githubusercontent.com/Collection-JS/Collection/master/dist/collection.min.js"></script>
<script src="https://raw.githubusercontent.com/kobezzza/Escaper/master/dist/escaper.min.js"></script>
<script src="http://kobezzza.com/esprima.js"></script>
<script src="http://kobezzza.com/beautify.js"></script>
<script src="http://kobezzza.com/async.min.js"></script>
<script src="https://raw.githubusercontent.com/SnakeskinTpl/Snakeskin/v7.0/dist/snakeskin.js"></script>
<script type="text/x-snakeskin-template" id="templates">
		- namespace demo
    
		- template example1()
			< .foo.bar ${{ style: 'color: blue' }} | title = SS7 is amazing!
				Hello SS7!
</script>

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

JavaScript

Snakeskin.compile(document.getElementById('templates'));
document.getElementById('test').innerHTML = demo.example1();