animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back

rendered animation

termynal.js: A lightweight and modern animated terminal window #2

1<div id="termynal" data-termynal data-ty-typeDelay="40" data-ty-lineDelay="700">
2    <span data-ty="input" data-ty-prompt="">npm uninstall react</span>
3    <span data-ty>Are you sure you want to uninstall 'react'?</span>
4    <span data-ty="input" data-ty-typeDelay="1000" data-ty-prompt="(y/n)">y</span>
5    <span data-ty="progress" data-ty-progressChar="·"></span>
6    <span data-ty>Uninstalled 'react'</span>
7    <span data-ty="input" data-ty-prompt="">node</span>
8    <span data-ty="input" data-ty-prompt=">">Array(5).fill('🦄 ')</span>
9    <span data-ty>['🦄', '🦄', '🦄', '🦄', '🦄']</span>
10    <span data-ty="input" data-ty-prompt="">cd ~/repos</span>
11    <span data-ty="input" data-ty-prompt="▲ ~/repos"> git checkout branch master</span>
12    <span data-ty="input" data-ty-prompt="▲ ~/repos (master)">git commit -m "Fix things"</span>
13</div>