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 es una herramienta gratuita y de código abierto para el navegador que convierte capturas de pantalla, grabaciones y fragmentos de código en imágenes o vídeos listos para compartir. Añade fondos, marcos, ajustes de tamaño y movimiento, sin subir archivos ni crear una cuenta.
¿Qué es 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.
¿Qué puede hacer Shotcandy?
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.
Casos de uso
“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.
Preguntas frecuentes
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.
Datos rápidos
- 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
Análisis de tráfico de Shotcandy
Los datos de tráfico son solo como referencia.
- Valoración del dominio
- 3
Alternativas a Shotcandy
Codia
codia.ai
Plataforma de IA que convierte capturas, PDF, diapositivas, imágenes y archivos de Figma en diseños editables y código listo para producción
Anima
animaapp.com
Plataforma de IA orientada al diseño que convierte archivos de Figma, URL y prompts en aplicaciones y código listos para producción.
Fronty
fronty.com
Fronty es un creador de sitios web con IA que convierte capturas de pantalla o imágenes de diseño en código HTML/CSS editable, con editor sin código, alojamiento y dominios personalizados.
Pencil
pencil.dev
Herramienta de diseño asistida por IA para crear interfaces dentro de tu IDE y tu base de código, y gestionar archivos de diseño junto al código sin cambiar de herramienta.
VectorMind
vectormind.io
Plataforma web de diseño gráfico con IA para crear y editar recursos visuales directamente en el navegador, con generación de arte, vectorización, ampliación de imágenes, eliminación de fondos y más.
Motionly
www.motionly.site
Motionly es un editor de gráficos en movimiento de código abierto y nativo de IA que convierte indicaciones y recursos en proyectos de animación editables.