Create beautiful code screenshots. A handy utility tool for everyday development tasks.
<div style="background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:32px;display:inline-block;border-radius:12px">
<div style="background:#1e1e1e;border-radius:8px;overflow:hidden;min-width:400px">
<div style="padding:8px 16px;display:flex;align-items:center;gap:8px">
<div style="width:12px;height:12px;border-radius:50%;background:#ff5f56"></div>
<div style="width:12px;height:12px;border-radius:50%;background:#ffbd2e"></div>
<div style="width:12px;height:12px;border-radius:50%;background:#27c93f"></div>
<span style="color:#888;font-size:12px;margin-left:8px;font-family:monospace">snippet.js</span>
</div>
<pre style="margin:0;padding:16px;color:#d4d4d4;font-family:'Fira Code',Consolas,monospace;font-size:14px;line-height:1.6;overflow-x:auto"><span style="color:#569CD6">function</span> fibonacci(n) {
<span style="color:#569CD6">if</span> (n <= <span style="color:#B5CEA8">1</span>) <span style="color:#569CD6">return</span> n;
<span style="color:#569CD6">return</span> fibonacci(n - <span style="color:#B5CEA8">1</span>) + fibonacci(n - <span style="color:#B5CEA8">2</span>);
}
<span style=<span style="color:#CE9178">"color:#6A9955"</span>>// Calculate first <span style="color:#B5CEA8">10</span> numbers</span>
<span style="color:#569CD6">const</span> results = [];
<span style="color:#569CD6">for</span> (<span style="color:#569CD6">let</span> i = <span style="color:#B5CEA8">0</span>; i < <span style="color:#B5CEA8">10</span>; i++) {
results.push(fibonacci(i));
}
console.log(results);</pre>
</div>
</div>Set your desired options or enter data.
Results are generated instantly.
Copy the result or download.
Yes, completely free with no limitations.
Once loaded, most tools work without internet.
Everything runs in your browser.