TourKitProduct tours, shipped.
Guided onboarding for the real web

Product tours that feel built in, not bolted on.

TourKit hosts your tour config, delivers it through a tiny SDK, and matches steps to the exact page your user is on — including dynamic URLs.

Start freeRead the docs

Free tier · No credit card · Works on any stack

1
script tag to ship
<5min
to first live tour
∞
sites & frameworks
your-app.com/dashboard
Activate tour

Activate your tour

Toggle live mode when your steps are ready.

SkipNext →

Platform

Everything you need to onboard users — without shipping a custom tour system.

Embed once, configure from the dashboard, and iterate on copy without redeploying your app.

Context-aware tours

Trigger steps by URL — exact paths, dynamic segments like /projects/[id], or wildcards.

Dark glass tooltips

Premium frosted UI that feels native on SaaS dashboards, marketing sites, and SPAs.

One script embed

Vanilla JS SDK via CDN. React, Next.js, Vue, WordPress — no framework lock-in.

Hosted config API

Publish steps from the dashboard; your site fetches JSON from /api/tour/[scriptKey].

Step analytics

Completion rates, drop-off per step, and session tracking — built into every project.

AI-assisted authoring

Generate tour copy from your product context, then refine selectors in the editor.

How it works

Three steps to a live tour

  1. 01

    Create a project

    Sign up, name your product, and copy your script key from the dashboard.

  2. 02

    Define your steps

    Pick CSS selectors, set trigger URLs per page, and customize tooltip theme.

  3. 03

    Embed & go live

    Add the script tag. TourKit runs on route changes with TourKitProvider for SPAs.

Developer experience

One snippet. One API. Zero framework drama.

Drop the script before </body>. Your SDK pulls tour JSON from TourKit's public endpoint — same config your dashboard edits.

Installation guides →
Embedsdk-v14
<script src="https://cdn.jsdelivr.net/gh/webdev-raj/Tourkit@sdk-v14/sdk/dist/tourkit.min.js"
  data-key="YOUR_SCRIPT_KEY"
  data-api="https://your-app.com"
  async></script>
GET/api/tour/[scriptKey]

Returns tour metadata + ordered steps with selectors, positions, and url_pattern triggers.

Ready to wire up your first tour?

Create a project, grab your script key, and point visitors at steps that match where they actually are.

Open dashboardView pricing