< / >

Tempo is a lightweight, JavaScript template renderer. You write your templates inline in your normal HTML, and just tag them with data attributes. For example:

<ol id="tweets">
    <li data-template style="display: none;">
        <img src="{{profile_image_url}}" />
        <h3>{{from_user}}</h3>
        <p>{{text}}</p>
    </li>
    <li data-template-fallback>Sorry, JavaScript required!</li>
</ol>

Tempo will hide the fallback, and show the template once rendered. If JavaScript is disabled, the template will remain hidden, and the user will just see the fallback.