BROWSER EXTENSION · FREE

Live demos,
on rails.

An interactive agenda that drives your tabs during live demos — so your audience always knows where you are, and you never lose your place.

Slides
Postman
Grafana
GitHub
🔒
tabthrough://slide/intro
STEP 01 · INTRO
Onboarding API v2
What we're covering in the next 20 minutes
  • Authentication via Bearer token
  • Sending the first API request in Postman
  • Watching webhooks arrive in Grafana
  • SDK setup from the GitHub repo
POST https://api.example.com/v2/onboard Send
REQUEST BODY
{
  "email": "demo@corp.io",
  "plan": "pro",
  "metadata": {
    "source": "api"
  }
}
RESPONSE  201 Created
{
  "id": "usr_a8f3",
  "status": "active",
  "latency": 94ms
}
Onboarding webhooks — live Last 15 min ▾
EVENTS / MIN
SUCCESS RATE
99.2%
last 15 min
P95 LATENCY
87ms
target <100ms
colinhacks / zod TypeScript
📁src/add v2 schema validators
📁examples/add onboarding example
📄package.jsonbump 3.22.0
📄README.mdupdate install docs
README
npm install zod — TypeScript-first schema validation. Zero dependencies. Works in Node, Deno, and browsers.
TABTHROUGH
Onboarding API v2 — live walkthrough
01 / 05 04:32
    Ctrl+ / — navigate

    Switching tabs loses
    your audience

    You're mid-demo, the energy's good — then you alt-tab to find the right window. The thread breaks. Your audience checks Slack. You scramble to recover.

    Live demos are high-stakes. Every second you spend orienting yourself is a second your prospect is disengaging.

    • You have no persistent agenda
      Slides close when you switch to a live tool. Nothing reminds you what's next or how much time you've spent.
    • iframes block real tools
      Postman, Grafana, Jira — they all set X-Frame-Options. You can't embed them in slides.
    • Screen share loses context
      Capture APIs give you a static image. The audience watches you hunt. No interactivity, no flow.
    • Hotkeys don't exist in a web app
      No webpage can listen for tab switches or open tabs programmatically. The browser security model blocks it.
    01

    Build your agenda in the app

    Add steps directly in the side panel. Each step is one of two types: a slide step renders full Markdown — headings, bullets, tables, code blocks, and more — right inside the panel; an external step opens a real URL in your main window and auto-detects when you're on that tab.

    02

    Hotkey through
    your steps

    Press Ctrl+→ to advance. The agenda highlights the next step and your main window switches to the right tab automatically — or opens a new one if needed.

    03

    Tabs stay in sync

    Switched tabs manually? Tabthrough notices the URL, matches it to your deck, and highlights the right step. The agenda always reflects where you actually are — not just where you said you'd be.

    Everything you need.
    Nothing you don't.

    NAVIGATION

    Keyboard-first control

    Ctrl+→ / Ctrl+← to step through your agenda. Ctrl+Shift+P to open the presenter view. Zero mouse required during the demo.

    SYNC

    Bidirectional tab sync

    Agenda drives tabs. Tabs update agenda. URL matching supports wildcards and regex with priority scoring — so the right step highlights even on complex apps.

    PRESENTER VIEW

    Second-monitor notes

    Open Tabthrough in a separate window on your second monitor. See your notes, upcoming step, and elapsed timer — invisible to your audience.

    CONTENT

    Markdown slides in the panel

    Steps of type markdown render heading, bullets, and rich text directly in the side panel. No second screen, no separate slide tool.

    URL MATCHING

    Wildcard & regex patterns

    Each external step declares which URLs belong to it — wildcards (https://*.postman.com/*) or full regex. When you switch tabs manually, Tabthrough scores all patterns by specificity and jumps the agenda to the best match automatically.

    TIMING

    Per-step timers

    Set a target duration per step. The elapsed timer runs from the moment you start. See at a glance if you're running ahead or behind — before you lose the room.

    Built for people who
    run live demos for a living.

    If your demo involves more than one tab and a real audience, Tabthrough is for you.

    SALES ENGINEERING

    Sales Engineers

    Run product walkthroughs across Postman, your app, and Grafana without breaking eye contact with the prospect. Every step at a keystroke.

    DEVELOPER RELATIONS

    DevRel & Developer Advocates

    Conference talks, workshops, livestreams. Keep your agenda visible in the side panel while your main window stays clean for the audience.

    ENABLEMENT & TRAINING

    Trainers & Onboarding Leads

    Step trainees through multi-tool workflows methodically. The agenda keeps everyone oriented — including you, on demo number twelve.

    Free for one deck.
    Pro for your demo library.

    Show prices in
    FREE
    $0/forever
    No account required
    • Side-panel agenda
    • Bidirectional tab sync
    • Hotkey navigation (Ctrl+→ / ←)
    • Presenter window with notes & timer
    • Markdown slides
    • Default deck + in-panel editor
    • Save / load presentations
    • Export / import as .json

    Pro subscriptions are billed by Polar.sh as Merchant of Record. We never see your card. After subscribing, sign in inside the Tabthrough side panel with the same email to unlock Pro features. Subscription management is available in your account dropdown. See privacy policy for what we collect.

    Your agenda runs the tabs.
    You run the room.

    Free. Install in 30 seconds.

    Chrome 116+ · Firefox 115+ · Safari coming soon · No account required · Privacy policy