JSFiddle - React, Tailwind, and code Playground

by grammar

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js"></script>
<script id="t" type="text/x-handlebars">
    <ul>
        {{#each familia}}
            <li><div class="items" style="background-image:url({{imagen}})"></div></li>
        {{/each}}
    </ul>
</script>

CSS

.items {
    height: 100px;
}

JavaScript

var t = Handlebars.compile($('#t').html());
var h = t({
    familia: [
        { imagen: 'http://placekitten.com/100/100' },
        { imagen: 'http://placekitten.com/100/101' }
    ]
});
$('body').append(h);