Docs
Simulate a chat conversation from one JSON config — embed it live or export it to video.
Install
pnpm add @typecaast/react @typecaast/skins
Embed it
import { Typecaast } from "@typecaast/react";
import { slack } from "@typecaast/skins";
import config from "./billing-toast.json";
<Typecaast config={config} skin={slack} theme="auto" autoplay loop />;Render it to video
pnpm add -g @typecaast/cli typecaast render billing-toast.json --aspect 9:16 --scale 2 --theme dark
The config
A versioned, Zod-validated JSON document: meta (canvas, fps, fit, theme, skin), participants, optional pacing, and a timeline of steps — message, reaction, typing, composerType, send, edit, delete, readReceipt, system, beat. Validate it with typecaast validate.