JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<script src='https://rawgit.com/Rich-Harris/eases/es6/dist/eases.umd.js'></script>

<table>
    <thead>
        <tr><th>t</th><th><select></select></th></tr>
    </thead>
    
    <tbody></tbody>
</table>

CSS

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

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

.error {
    color: #d00;
    font-family: monospace;
}

JavaScript

var tbody = document.querySelector( 'tbody' );
var rows = [];
for ( var t = 0; t < 1; i += 0.05 ) {
    var row = document.createElement( 'tr' );
    row.innerHTML = '<td>' + t + '</td><td></td>';
    tbody.appendChild( row );
    rows.push( row );
}

var select = document.querySelector( 'select' );
Object.keys( eases ).forEach( function ( key ) {
    var option = document.createElement( 'option' );
    option.textContent = key;
    select.appendChild( option );
});