JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.kruntch.com/js/kruntch.js"></script>
<link rel="stylesheet" href="http://www.kruntch.com/style/kruntch.css">
<!-- The "Output" DIV -->
<div id="output"></div>

<!-- The "Sample" templare definiion -->
<textarea data-templateid="sample" class="template">
<for each="Things">
<div>[#]. [$] of [##]</div>
</for>
</textarea>

JavaScript

// The "Sample" object
var o = {
   "Things": ["One", "Two", "Three", "Four"]
};


// Render the HTML using the Kruntch.js template (above)
$('#output').html(Kruntch.Apply("sample", o));