Open Source & Free

Beautiful code screenshots, instantly.

Syntax highlighting, custom backgrounds, diff mode, and export as PNG, SVG, or animated video. No sign-up required.

Open EditorGitHub
app.tsx
async function fetchData(url: string) {
const res = await fetch(url);
return res.json();
}

Features

Everything you need, nothing you don't.

22+ Gradient Backgrounds

Beautiful gradient presets or create your own custom gradient with noise texture overlay.

12 Code Themes

Dark & light themes including Dracula, One Dark, GitHub, Tokyo Night, Catppuccin and more.

Auto-detect Language

Paste any code and CodeTarz automatically detects the programming language.

Line Highlighting

Highlight specific lines to draw attention to important code sections.

Diff Mode

Compare before/after code changes with beautiful diff visualization.

Header & Footer Text

Add custom titles and descriptions to your code screenshots.

Preset Templates

Twitter, LinkedIn, Instagram, Blog Hero — one-click optimized presets.

Video Export

Export animated typing effect as WebM video for engaging content.

Export Everywhere

PNG, SVG, clipboard copy, video — share your code screenshots anywhere.

Shareable Links

One-click share links with rich OG preview cards for Twitter, LinkedIn, and Slack.

Public Gallery

Browse curated templates and use them as starting points for your screenshots.

Carousel Generator

Create multi-slide code presentations for LinkedIn, Instagram, and Twitter.

Start creating beautiful code screenshots

Free, open source, no sign-up. Takes seconds.

Launch Editor