JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.ractivejs.org/edge/ractive.js"></script>
<h2>interpolated</h2>
<pre id='x'></pre>

<h2>uninterpolated</h2>
<pre id='y'></pre>

CSS

body {
    font-family: 'Helvetica Neue', arial, sans-serif;
    font-weight: 200;
    color: #353535;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 200;
}

pre {
    display: block;
}

JavaScript

var interpolated = Ractive.parse( '<scr' + 'ipt>var foo="{{foo}}";</scr' + 'ipt>' );

var uninterpolated = Ractive.parse('<script>{{foo}}<\/script>', { interpolate: { script: false } });

x.textContent = JSON.stringify( interpolated, null, '  ' );
y.textContent = JSON.stringify( uninterpolated, null, '  ' );