Everything between a raw capture
and a visual worth shipping.
Capture a screen, build the scene around it, add context or motion, and deliver the result as a file or a link. Every stage stays editable in one browser workspace.
Frame and style
Give the screen a place
then make that place feel intentional
Frames establish the product, while sampled colour, depth, and light connect it to the canvas. Every treatment stays adjustable after the capture is placed.
Device frames
Pixel-true mockups for iPhone, iPad, Galaxy, Pixel, MacBook, iMac, Apple Watch, and browser chrome — Safari, Chrome, Arc.
Auto palettes
Backgrounds sampled directly from your capture. Gradients that actually belong.
Shadows & effects
8 shadow types — Drop, Soft, Hard, Glow, Float, Linear, Contact, Stack — with intensity and custom color.
Depth & focus
Portrait modes — Soft, Studio, Spot, Frame, Iris, and Stage — add depth-of-field so the subject reads first.
Build the scene
One capture can carry
more context than it arrived with
Layer in explanations, supporting assets, and additional screens without flattening the work. Templates and layout presets handle the starting geometry.
Layers & assets
Stack text, images, and SVGs over your capture. z-index, opacity, blend modes, and filters per layer.
Annotations & text
Draw arrows, shapes, freehand strokes. Floating text with 100+ Google Fonts and blend modes.
Multi-shot layouts
Up to 3 extra capture slots per canvas with layout presets — Side by Side, Depth Duo, Fan Out, and more.
Starter templates
Ship-ready compositions for browsers, iPhone, iPad, and multi-device layouts — plus animated reveals. Drop in your capture and export.
Capture anything
Bring in the live thing
without rebuilding it by hand
A website or social post becomes structured source material for the same editor, ready to frame, annotate, animate, and export alongside ordinary screenshots.
X (Twitter) posts
Paste an X link to mock up the post — text, avatar, verified badge, images, stats, and quoted tweets, in Light, Dim, or Dark.
Bluesky posts
Drop a Bluesky link for the same treatment — author, avatar, images, and link-preview cards — themed and export-ready.
Capture from URL
Grab a live website by URL at a chosen device viewport — Tokokino takes the screenshot for you, no manual capture needed.
Motion and repetition
Build the first treatment
then make the next one faster
Animate on a per-canvas timeline, preview a whole set together, and save finished treatments as reusable presets. Editing stays local throughout the process.
Timeline demos
Keyframe position, zoom, tilt, shadows, lighting, backgrounds, filters, and screenshot slots for animated product demos with optional audio.
Custom presets
Save a polished look once, then re-apply the same layout, styling, and framing across future shots and drafts.
Bulk edit & preview
Arrange multiple canvases on one board, then preview them with Slide, Fade, Zoom, or Flip before export.
Local-first
Edits stay in your browser. Nothing uploaded until you share. Host where you want.
Delivery and access
Leave with a sharp file
a useful link, or both
High-resolution stills and motion exports are produced from the canvas you edited. Sharing is deliberate, while the core editor remains available locally and offline.
Export anywhere
PNG, JPEG, or WebP at HD, 4K, or 8K. Copy to clipboard, share a public link, or render motion as GIF/WebM.
Share links
Publish any composition to a public link with view tracking, or copy straight to your clipboard — no export step needed.
Works offline
Keep the editor on your device in one click. It opens with no connection, and the design you were working on is still there — no account, no sync, no upload.
Screenshots and demos
polish that ships.
Create professional screenshots, device mockups, and animated product demos with clean framing, timeline edits, and export-ready output.