Tokokino

Tokokino is a browser-based editor for creating polished product screenshots and animated demos. It addresses the need for product teams and indie makers to produce intentional marketing visuals from raw captures without leaving the browser or using external design software.

Users begin by dropping in a capture, post, or screen flow. The tool supports pixel-true device frames for iPhone, iPad, Galaxy, Pixel, MacBook, iMac, Apple Watch, and browser chrome including Safari, Chrome, and Arc. Automatic color palettes are sampled directly from the capture to generate matching gradients and backgrounds. Six shadow types are available, including Drop, Soft, Hard, Glow, Float, and Linear, each adjustable for intensity and custom color.

Layers allow stacking of text, images, and SVGs with control over z-index, opacity, blend modes, and filters. Annotations include arrows, shapes, and freehand strokes, while floating text offers more than 100 Google Fonts along with blend modes. Exports cover still images as PNG, JPEG, or WebP at resolutions up to 8K, with options to copy to clipboard or share a public link. Motion exports are available as GIF or WebM.

A timeline editor supports keyframing of position, zoom, tilt, shadows, lighting, backgrounds, filters, and screenshot slots to produce animated demos, with optional audio. The application operates as a local-first tool where edits remain in the browser. It is presented as an alternative to opening Figma for product polish. The page title identifies it as a screenshot and product demo editor.