Screenshot styling
Apply gradient or mesh backgrounds, colours drawn from the source image, padding, rounded corners, shadows, and frames to produce a more polished screenshot.
Shotcandy
Freemium
Shotcandy is a free, open-source browser tool that turns screenshots, screen recordings, and code snippets into share-ready images or videos. Add backgrounds, frames, sizing, and motion without uploading files or creating an account.
What is Shotcandy?
Shotcandy is a browser-based screenshot and code image editor for preparing visual assets to share online. It can style screenshots and screen recordings with backgrounds, padding, rounded corners, shadows, and optional window or device frames, while dedicated tools create Open Graph images and highlighted code visuals.
The editor accepts pasted or dropped screenshots, files, and—in supported workflows—MP4, MOV, or WebM recordings. Exports include PNG, JPEG, WebP, MP4, and GIF depending on the workflow, with presets for social networks, Open Graph cards, and App Store screenshots. Shotcandy states that processing happens in the browser, with no sign-up, upload, or watermark.
What can Shotcandy do?
Preset canvas sizes
Export at the screenshot’s own resolution or use sizes for Open Graph, X, LinkedIn, Instagram, and App Store assets. The screenshot beautifier supports 1× to 4× output, and the Open Graph tool provides a 1200 × 630 canvas.
Screen-recording support
Drop in an MP4, MOV, or WebM recording, trim it, choose whether to retain sound, and export it as MP4, WebM, or GIF in the browser.
Code image generation
Paste code into a styled window with syntax highlighting, automatic language detection or selection from 26 languages, eight themes, optional file names and line numbers, and configurable highlighted lines.
Open Graph image creation
Build a link-preview image from a screenshot on an exact 1200 × 630 canvas, then download a PNG or JPEG at the selected scale.
Local browser workflow
Paste with a keyboard shortcut, drop a file, or choose a file, then edit and export without an account. The product says screenshots and code stay on the device.
Use Cases
“Product and feature announcements”
Turn an application screenshot into a framed, styled image for a launch post, documentation page, slide deck, or other shareable material.
“Link previews”
Create a 1200 × 630 Open Graph image from a webpage screenshot for use with page metadata and link cards on services such as Facebook, LinkedIn, Slack, and X.
“Developer tutorials and release notes”
Convert a code snippet into a themed image with syntax highlighting, line numbers, or selected lines emphasized for easier reading in an article or post.
“App Store asset preparation”
Use the available App Store screenshot sizing options to prepare a set of 3–10 slides from product screenshots.
“Short product demos”
Import a screen recording, trim it, decide whether to keep its audio, and export a shareable MP4, WebM, or GIF.
Frequently Asked Questions
Does Shotcandy upload screenshots or code?
No. The product states that editing, highlighting, and rendering happen in the browser and that screenshots and code stay on the device. It also says there is no server and no account requirement.
What can I export?
Depending on the tool, Shotcandy exports PNG, JPEG, and WebP images, plus MP4, WebM, or GIF for supported motion workflows. The Open Graph maker exports PNG or JPEG, and documented screenshot and code workflows support output up to 4×.
Can I use it with screen recordings?
Yes. The screenshot beautifier page lists MP4, MOV, and WebM inputs. Recordings can be trimmed, audio can be kept or removed, and the result can be exported as MP4, WebM, or GIF.
Which code languages are supported?
Shotcandy lists 26 choices, including TypeScript, TSX, JavaScript, JSX, Python, Rust, Go, Java, Kotlin, Swift, C, C++, C#, PHP, Ruby, HTML, CSS, JSON, YAML, TOML, Markdown, SQL, Shell, Dockerfile, GraphQL, and diffs. Language detection can select one automatically.
What size should an Open Graph image be?
The Open Graph tool uses a 1200 × 630 pixel canvas, the 1.91:1 size described for link previews. It also notes that dedicated 1200 × 628 presets are available for X and LinkedIn post images.
Quick Facts
- Category
- Screenshot and code image editor
- Platform
- Browser-based web app
- Input
- Pasted or dropped screenshots, image files, screen recordings, and code snippets
- Privacy model
- Processing stays in the browser; no sign-up or upload is required
- Image exports
- PNG, JPEG, and WebP
- Video exports
- MP4, WebM, and GIF
Shotcandy Traffic Analysis
Traffic data is for reference only.
- Domain Rating
- 3
Shotcandy Alternatives
Motionly
www.motionly.site
Motionly is an open-source, AI-native motion graphics editor that turns prompts and assets into editable animation projects. Work locally with canvas and timeline editing, readable .motion source files, and local MP4 export.
Codia
codia.ai
AI platform converting screenshots, PDFs, slides, images, and Figma files into editable designs, data, and production-ready code
Pencil
pencil.dev
Pencil is an AI-assisted design tool for creating interfaces inside your IDE and codebase, helping designers and developers build, iterate, and manage design files alongside code without switching tools.
Style3D AI
style3d.ai
Style3D AI is an AI fashion design and virtual try-on platform for creating clothing concepts, garment visuals, prints, and ecommerce-ready imagery from prompts, sketches, or product images—without 3D modeling skills.
Dropmagic
dropmagic.ai
Dropmagic is an AI Shopify store builder that turns source products into branded storefronts with generated copy, images, and design—helping merchants launch faster without coding or design work.
AppGrowthKit
appgrowthkit.com
AppGrowthKit is an AI-assisted screenshot and app icon workspace for creating store-ready assets from real app screens. It supports Apple App Store and Google Play listings, with editable layouts, localization, device frames, and export sizing for developers and small teams.