yuzool.com/code-shot
Type or paste code. Tap line numbers to spotlight lines. Drag the edge to resize.
Made with Code Shot. Make your ownType or paste code. Tap line numbers to spotlight lines. Drag the edge to resize.
Made with Code Shot. Make your ownCode Shot turns a snippet into a clean image for posts, slides and docs. Paste code, and it highlights 15 languages (plus terminal sessions), with 10 gradient themes in dark and light, a choice of monospace fonts, window frames, a file tab, diff view and line spotlights.
Export a PNG at 2x or 4x, an SVG or a 1080 x 1080 square card for free. Code Shot Pro, an optional one-time upgrade, adds typing videos where the code types itself out, multi-file tabs and all 19 themes.
No. Images are rendered in your browser and saved shots stay in this browser's storage. There is no account. Copy link packs the shot into the link itself, so anyone you send it to can read the code.
PNG at 2x or 4x, copy image to the clipboard, SVG and a 1080 x 1080 square card (JPEG), all free. Code Shot Pro adds a typing video (WebM or MP4, depending on your browser).
Yes. Copy embed gives you an iframe that shows the shot, with a link back to make your own.
Open the menu and choose Back up to save a file with all your shots. Restore loads it in any browser, replacing or merging with what is there.
Yes. Shots, styling, 10 themes and PNG, SVG and square card exports are free, with no ads and no account. Code Shot Pro is an optional one-time upgrade ($2.99) that adds typing videos, multi-file tabs and all 19 themes. You can try a typing video a few times before you decide.
Start a line with + or - to mark it added or removed; @@ lines become hunk headers. Pasting a git diff switches this on for you.
Show up to 6 files as editor tabs in one shot. Tap a tab on the shot to edit that file.
Tap line numbers on the shot to highlight lines; everything else dims. Shift-click selects a range.
In the editor, Tab indents and Shift+Tab outdents. Press Esc to leave the editor with the keyboard.
Drag the handle on the right edge of the shot to make it wider.
Edit the caption, then copy it with the link. Attach the image from the second button.
Shots live only in this browser. Back up to a file to move them or keep them safe.
Typing videos, multi-file tabs and all 19 themes. Images, styling and exports stay free.
Press ? any time (outside the editor) to see every shortcut.