JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.ractivejs.org/latest/ractive.min.js"></script>
<h1>Ractive test</h1>

<div id='container'></div>

<script id='template' type='text/ractive'>
    <p>Hello, {{name}}!</p>
</script>

JavaScript

var ractive = new Ractive({
    // The `el` option can be a node, an ID, or a CSS selector.
    el: 'container',
    
    // We could pass in a string, but for the sake of convenience
    // we're passing the ID of the <script> tag above.
    template: '#template',
    
    // Here, we're passing in some initial data
    data: { name: '<b>world</b>' }
});