glitterball

Add interactive video walkthroughs to your Replit prototypes

Paste one line into Replit, publish, and walk your team through the real app

How to add Glitterball to Replit

  1. Add Glitterball

    Copy the prompt from Glitterball, Create walkthrough, Add a prototype, In an app builder, and paste it into Replit's chat. It carries the prototype's own token and adds Glitterball with a script tag. Or paste Add Glitterball to this prototype by following https://www.glitterball.dev/install.md.

  2. Record a walkthrough

    Publish the app, then open its published or preview address in its own tab, not inside Replit's editor. Open the prototype and press Record on the Glitterball bar, then talk and click through it. The first time, that signs you in. Each screen becomes a chapter.

  3. Share the link

    The link is the prototype's own address. Viewers follow your cursor through the real build, stop to click around and comment on the exact screen.

  4. Send the feedback to Replit

    Add to Replit, then Test & save. Then ask Replit to Pull the Glitterball feedback on this prototype and fix it. It reads the open comments by screen and marks each one resolved.

Questions

What is Glitterball?
Glitterball allows you to overlay interactive video walkthroughs over your real prototype and allows you to request feedback from your team.
How do I add Glitterball to a Replit app?
Copy the prompt from Create walkthrough, Add a prototype, In an app builder in Glitterball and paste it into Replit's chat. It carries the prototype's own token and uses a script tag, so it works where packages can't be added.
Can I record inside Replit's editor?
Record on the published or preview address in its own tab. The editor frames the app, which gets in the way of the camera and the clicks.
Can Replit Agent run the install command?
Yes. Replit Agent has a shell, so it can run npx glitterball init in the app's folder as well.
Do viewers need an account?
No. Anyone with the link can watch, comment and answer. They add their name or sign in.
How is it different from a screen recording?
A screen recording is a flat video. Glitterball plays over the live build, so viewers can stop, click around themselves and comment on the exact screen.

Other integrations

Glitterball

Walk people through your prototype