DemoGhost is an open-source, framework-agnostic JavaScript and TypeScript library that turns your real web application into an interactive, self-playing product tour. It drives authentic cursor movements, clicks, typing, and highlights directly on your live DOM without taking video captures or screenshots.

How does DemoGhost compare to Arcade, Navattic, or Storylane?

Unlike proprietary screenshot or video-based tools like Arcade or Navattic, DemoGhost executes directly on your real DOM code with zero dependencies. It is 100% open source under the MIT license, completely free, lightweight (< 15KB gzipped), and framework agnostic.

Can I record actions directly on my UI and export TypeScript code?

Yes! DemoGhost includes a built-in event recorder that records clicks, input typing, scrolling, and dropdown selects on your live page and instantly exports them as clean TypeScript code ready to run on autopilot.

DemoGhost — Open Source Interactive Product Demo Library for JavaScript & TypeScript

Q: Can I record actions directly on my UI and export TypeScript code?

Yes! DemoGhost includes a built-in event recorder that records clicks, input typing, scrolling, and dropdown selects on your live page and instantly exports them as clean TypeScript code ready to run on autopilot.

Interactive Code Playground

Edit scenario steps or choose a preset to watch DemoGhost navigate the live sandbox

Scenario Preset:

Live Interactive Sandbox Sandbox UI Target

Projects Hub

DemoGhost Core — Ready

50% Discount Applied

Auth Gateway

Remember

Authenticated

Live Record & Replay Playground

Interact with the live UI, record your actions, and watch DemoGhost replay them instantly

Click "Start Recording" to capture your actions

Interactive Recording Canvas:

Your Name

Developer Role

Generated TypeScript Code:

TypeScript

PORTAL & LIVE RUNNERS

Documentation & API Reference

Explore comprehensive guides, framework adapters, interactive "Try it Live" action runners, and complete architecture specifications in our dedicated documentation portal.

Open Documentation Portal → Actions API Reference Quick Start Guide