1:1
typing
char-by-char, like a real keyboard.
video for devs
paste code. ship a clip.
the fastest way to turn a snippet into a vertical video your feed will actually watch. eleven themes, five animations, real keyboard sounds.
two plans · cancel anytime
5animation modes
11editor themes
34backgrounds
4aspect ratios
4keystroke packs
animation
five ways to bring
code to life.
pick the rhythm. typewriter for tutorials, diff for refactors, burst for hype reels.
1:1
line-reveal
lines fade in, one at a time.
1:1
diff
before / after, animated.
1:1
token-burst
tokens pop in with a tiny shake.
16:9
compare
two languages, side by side.
themes
eleven editor themes.
every classic.
dracula, tokyo night, catppuccin — the ones you already use in your editor.
// dracula const theme = "dracula";
Dracula
// tokyo-night const theme = "tokyo-night";
Tokyo Night
// synthwave-84 const theme = "synthwave-84";
Synthwave '84
// one-dark-pro const theme = "one-dark-pro";
One Dark Pro
// catppuccin-mocha const theme = "catppuccin-mocha";
Catppuccin Mocha
// github-dark-dimmed const theme = "github-dark-dimmed";
GitHub Dimmed
// rose-pine const theme = "rose-pine";
Rosé Pine
// monokai const theme = "monokai";
Monokai
// material-theme const theme = "material-theme";
Material
// nord const theme = "nord";
Nord
// night-owl const theme = "night-owl";
Night Owl
backgrounds
thirty-four backgrounds.
three flavors.
solid colors for clean takes. gradients for warmth. dual-glow customs for that real cinematic feel.
solid · 14
basic gradients · 10
custom dual-glow · 10
window chrome
wear it like home.
macOS, Windows, Linux, raw.
pick the title bar that matches the vibe — or drop it entirely for a clean square.
demo.ts
const hi = () => { return "hi"; }
macOSmacos
demo.ts
const hi = () => { return "hi"; }
Windows 11win11
demo.ts×
const hi = () => { return "hi"; }
Linuxlinux
(no chrome)
const hi = () => { return "hi"; }
Rawnone
aspect ratios
every aspect
that matters.
one composition, four export sizes — render straight into the format your platform actually wants.
9:16
Vertical
TikTok · Reels
4:5
Portrait
Instagram
1:1
Square
Feed
16:9
Landscape
YouTube · X
keystroke audio
sounds like a
real keyboard.
every keystroke gets a sampled mechanical click, baked straight into the MP4 audio track. tap a card to hear it.
pricing
simple pricing.
no surprises.
pick a plan that fits how often you ship. cancel anytime.
Basic
basicfor the occasional clip.
$7per month
- 30 clips / month
- Up to 720p
- 9:16 + 1:1
- All 5 animation modes
- All themes & backgrounds
- code2clip watermark
Pro
profor shipping weekly.
$19per month
- 150 clips / month
- Up to 1080p
- All 4 aspect ratios
- No watermark
- All keystroke audio packs
- Title / subtitle / author overlays
- Priority queue · 3 concurrent renders
Studio
studiofor teams & brands.
Customlet's talk
- Everything in Pro
- Custom render volume
- Up to 4K
- Custom brand watermark / logo
- Batch render via CSV
- REST API access
- Team seats & SSO
- 10 concurrent renders
cancel anytime. no contracts, no fine print.
faq
tiny things
you might wonder.
How long can a clip be?+
Anywhere from 3 to 60 seconds. The sweet spot for vertical feed is 8-15s.
What formats do I get?+
MP4 (H.264) by default. PNG stills for previews. GIF on request.
Can I use my own font?+
Today you pick from four well-loved mono fonts. Custom font upload is on the Pro/Studio roadmap.
Can I cancel anytime?+
Yes. Cancel from your dashboard in one click — your plan stays active until the end of the billing period.
Will the keystroke sounds be in the MP4?+
Yes — they're rendered into the audio track, not played in the browser. Mute the video and they're gone.