Getting started

Overview

SSHOW is a browser-based editor for designing scenes and bringing them to life with motion. This guide walks you through every part of the canvas.

Whether you're building a presentation, a short animated story, or an interactive showcase, SSHOW gives you precise design tools and a transition engine that animates between scenes automatically. Nothing to install — it runs in your browser.

Create in five steps

The shortest path from a blank canvas to a finished piece.

  1. 1

    Add a scene

    Every project is a sequence of scenes. Set the canvas size once and it applies to all of them.

  2. 2

    Draw your objects

    Use the toolbar to add shapes, text, images, and media to the canvas.

  3. 3

    Style them

    Apply fills, strokes, and effects from the inspector to give each object its look.

  4. 4

    Add motion

    Duplicate a scene, move things around, and SSHOW animates the difference as a transition.

  5. 5

    Share or export

    Publish a play link or export to video, PDF, image, and more.

The editor at a glance

Five regions make up the editor. You'll spend most of your time moving between them.

The SSHOW editor with the toolbar on top, the Scenes and Objects panels on the left, the canvas in the center, and the inspector on the right.
The editor at a glance — toolbar, Scenes and Objects panels, canvas, and the inspector.
Toolbar (top)
Every creation tool — select, shapes, text, image, media. Covered in Tools & shortcuts.
Canvas (center)
Your live workspace. Pan with the hand tool, zoom with the controls at the bottom-right.
Scenes (left)
The ordered list of scenes. Add, duplicate, reorder, and search them here.
Objects (lower-left)
The layer list for the active scene. Select, rename, reorder, lock, and hide objects.
Inspector (right)
Properties for the current selection — size, transform, fills, strokes, effects, and motion.

Explore the guide

Design fundamentals Scenes, objects, and the styling system that gives everything its look — fills, strokes, and effects. Tools & shortcuts The toolbar holds every creation tool. Most have a single-key shortcut so you can switch without leaving the canvas. Variables Reusable values you define once and reference anywhere in text with double-brace tokens. Transitions Motion in SSHOW is built on transitions: animate between two scenes and the engine figures out the in-between for you. Presenting Play your scenes full-screen with transitions — the way your audience sees them. Export & share Beta Take your project out of SSHOW as a document, an image, a video, or the native editable file. Interaction Coming soon Triggers and actions that make your scenes respond to clicks, hovers, and more. In active development. AI Assistant Beta An AI assistant that builds and edits scenes from a prompt, and generates images on the canvas. Available now, in beta.