❯devtools

Code & Terminal Snapshot Studio

Create resizable macOS code screenshots, terminal session mocks, and rich highlighted snippets.

Snapshot & Style Controls
Background Gradient Swatches
Frame Width:Auto (100%)
Padding
Font Size
Line Numbers
Source Code Editor
Sample Snippets:
14 lines59 words494 characters

Live Preview & Resizable Canvas

script.js
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Async Data Fetching Utility
async function fetchUserData(userId) {
  try {
    const response = await fetch(`https://api.example.com/users/${userId}`);
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    const data = await response.json();
    return { success: true, user: data.user, timestamp: Date.now() };
  } catch (error) {
    console.error("Failed to fetch user data:", error);
    return { success: false, error: error.message };
  }
}