Live demo

A mock "Acme" SaaS app wired up to every SparkGuide feature — switch personas to see live re-targeting, and watch the event log as you interact.

demo/index.html Open in a new tab ↗

What to try

🎭

Switch personas

The header dropdown swaps between four sample users (trial, pro admin, pro member, free) — watch which tours auto-start based on their plan and role.

🚶

Run every tour

"Start welcome tour" walks through modal, tooltip, and hotspot steps, including click-to-advance and Back/Next navigation.

🧪

Read the targeting sandbox

A live table evaluates real Targeting.matches() rules against whichever persona is selected — a genuine look at the segmentation engine.

✅

Complete the checklist

Click "Show checklist," then trigger "Invite teammate" or "Create Project" — the checklist updates in response to real app actions.

🎨

Change the theme

The theme dropdown re-injects a new accent color live, across every currently-visible SparkGuide widget.

📡

Watch the event log

Every flow:*, step:*, and checklist:* event appears in the live log as you interact.

Building your own?

The full source for this demo — including its sample dataset — is in demo/ in the repository, built entirely against the public API described in the guide.