</> Free Tool

Code Screenshot Generator

Paste code, pick a theme, export a beautiful PNG. 16 languages, 8 themes, gradient backgrounds, window controls — everything ready to share on X or drop into a blog post.

Language

Theme

Background

Padding (48px)

Radius (14px)

Window controlsLine numbers

Code

510 chars · 22 lines

Preview

1// Welcome to the Tiny Startups code-screenshot tool.
2// Paste anything below and export a beautiful PNG.
3
4interface Launch {
5  name:    string
6  tagline: string
7  votes:   number
8}
9
10async function rankToday(): Promise<Launch[]> {
11  const launches = await db.startup.findMany({
12    where:   { launchDate: today() },
13    orderBy: { upvoteCount: 'desc' },
14    take:    10,
15  })
16  return launches.map((s) => ({
17    name:    s.name,
18    tagline: s.tagline,
19    votes:   s.upvoteCount + s.syntheticUpvotes,
20  }))
21}

The Code Screenshot Generator turns plain code into shareable PNGs in one paste. Built for engineers who want their X posts, blog headers, and slide decks to look as good as their code does.

16 languages with proper syntax highlighting (TypeScript, JavaScript, Python, Rust, Go, Ruby, Java, CSS, HTML, JSON, SQL, Bash, YAML, Markdown, GraphQL), 8 editor themes including Night Owl, Dracula, and GitHub Light, configurable padding, border radius, window controls, line numbers, and 9 background presets. Renders client-side — your code never leaves your browser.

Shipping the project behind that code?

Launch it on Tiny Startups — 20,000+ early adopters scroll the daily leaderboard.

Submit your startup →