Code Screenshot

1async function fetchUser(id) {
2  const response = await fetch(`/api/users/${id}`);
3 
4  if (!response.ok) {
5    throw new Error(`HTTP error ${response.status}`);
6  }
7 
8  const { name, email, role } = await response.json();
9  return { id, name, email, role, createdAt: new Date() };
10}
async function fetchUser(id) {
  const response = await fetch(`/api/users/${id}`);

  if (!response.ok) {
    throw new Error(`HTTP error ${response.status}`);
  }

  const { name, email, role } = await response.json();
  return { id, name, email, role, createdAt: new Date() };
}

About This Tool

Code Screenshot turns any code snippet into a beautiful syntax-highlighted image. Choose from dozens of themes, set the programming language for accurate syntax coloring, adjust padding and window style, and download as PNG.

Window styles include macOS chrome (with traffic light buttons), a simple shadow, or no frame. Background can be a gradient, solid color, or transparent. Font size and padding are adjustable.

Generated images are ideal for sharing code on social media, in presentations, in articles, or in documentation where a live code block is not possible. All rendering runs in your browser.

Related Tools

JSON Formatter

Format, validate, and minify JSON

Markdown Preview

Write and preview Markdown live