whatisgithub

What is open-canvas-tv?

sjolt-ai/open-canvas-tv — explained in plain English

Analysis updated 2026-05-18

6TypeScriptAudience · designerComplexity · 2/5LicenseSetup · moderate

In one sentence

A browser based visual canvas for building connected AI image and video generation workflows, with a built in 3D scene staging tool.

Mindmap

mindmap
  root((open-canvas))
    What it does
      Node based creative canvas
      Connects image and video steps
      3D Director staging
    Tech stack
      TypeScript
      Node.js
      pnpm
      IndexedDB
    Use cases
      Chain image to video generation
      Stage poses before generating
      Reuse outputs as references
    Audience
      Creators
      AI artists

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build a connected workflow that turns an uploaded image into a generated video.

USE CASE 2

Stage a 3D scene with character poses and camera angles before generating images.

USE CASE 3

Reuse a generated image as a reference input for a later generation step.

USE CASE 4

Compare multiple image and video models through one canvas interface.

What is it built with?

TypeScriptNode.jspnpmIndexedDB

How does it compare?

sjolt-ai/open-canvas-tvatomicstrata/atomicmemoryazerdsq131/mcpm
Stars666
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderateeasy
Complexity2/54/52/5
Audiencedesignerdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Needs a SJolt API key, and generation itself is billed to your connected SJolt account.

MIT license: free to use, modify, and distribute, including commercially, as long as you keep the copyright notice.

So what is it?

Open Canvas is a browser based tool for building AI image and video creation workflows on an infinite visual canvas instead of running one prompt at a time. You place nodes on the canvas, connect them together, and each node represents a step such as uploading a source image, staging a 3D scene, generating an image, or generating a video from that image. The output of one node can feed directly into the next, so a whole multi step creative process stays visible and reusable instead of disappearing after a single generation. A notable piece is the built in 3D Director, which lets you stage characters, poses, camera angles, and simple shapes like cubes and spheres before spending any credits on actual generation. The screenshot from that staging area can then be fed into an image or video generation node as a reference. Beyond that, the canvas supports multiple image models and multiple video models through one consistent interface, covering things like text to image, image to video, and first frame to last frame video generation, each with its own supported resolutions and clip lengths. The project describes itself as local first: your API key and canvas projects are stored in your own browser using local storage and IndexedDB rather than on a separate application server or account system. Actual image and video generation happens remotely through the SJolt API, and the generated media is delivered from SJolt's content delivery network, so local first here refers to where your project data and credentials live, not where the AI models run. Open Canvas itself is open source under the MIT license and free to run, but the underlying model calls are billed to your connected SJolt account, so using it in practice costs money based on how much you generate. To run it locally you need Node.js 20 or newer and pnpm, after which you clone the repository, install dependencies, and start the development server, then connect your own API key in the browser.

Copy-paste prompts

Prompt 1
Show me how to set up Open Canvas locally with Node.js and pnpm.
Prompt 2
Explain how the 3D Director node feeds into image generation in this project.
Prompt 3
Walk me through connecting an uploaded image to a video generation node.
Prompt 4
Help me export and import a Canvas project as JSON.
Prompt 5
Explain how my API key and project data are stored locally in the browser.

Frequently asked questions

What is open-canvas-tv?

A browser based visual canvas for building connected AI image and video generation workflows, with a built in 3D scene staging tool.

What language is open-canvas-tv written in?

Mainly TypeScript. The stack also includes TypeScript, Node.js, pnpm.

What license does open-canvas-tv use?

MIT license: free to use, modify, and distribute, including commercially, as long as you keep the copyright notice.

How hard is open-canvas-tv to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is open-canvas-tv for?

Mainly designer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.