Tourkit
Create Product guide tours for any website in 5mins
After months of building, breaking, rebuilding, and questioning whether I was solving the right problem, I'm finally launching TourKit. 🚀
TourKit is a developer-first onboarding platform for SaaS products.
The idea came from a simple problem:
Getting users to understand a new SaaS product is important, but building and maintaining onboarding shouldn't become another engineering project.
With TourKit, developers can create interactive product tours and onboarding flows without building the entire system themselves.
What you can do with it:
• Create and manage product tours from a dashboard
• Add TourKit to your website with a lightweight SDK
• Works with React, Next.js, Vue, and plain HTML
• Create multi-step onboarding flows
• Customize colors, themes, fonts, and tooltips
• Support mobile onboarding
• Track tour views and completion/drop-off
• Preview tours while building them
• Manage tours without redeploying your application
• Use AI to help generate tour configurations
One thing I care about a lot is reducing repetitive work for developers.
Instead of asking an AI coding agent to repeatedly modify your codebase to create onboarding, TourKit lets developers use AI to generate a tour configuration, review it, and import it.
The developer stays in control.
The SDK is also publicly available on GitHub:
https://github.com/webdev-raj/Tourkit-sdk
And the product is here:
https://tourkit-phi.vercel.app
I'm planning to launch TourKit on Product Hunt on September 25th.
This is still very much a work in progress, and I'm looking for people who are willing to actually try it rather than just tell me whether the idea sounds good.
Especially interested in feedback from:
• SaaS founders
• Indie hackers
• Frontend developers
• Developers building their own products
What I'm trying to learn now is pretty simple:
Is onboarding something you'd rather build yourself, or would you pay for a tool that removes the maintenance from it?
If you're building a SaaS right now, I'd love to hear how you're handling onboarding today.
Small but meaningful milestone this week.
I just open-sourced the TourKit SDK.
github.com/webdev-raj/Tourkit-sdk
Why I did it:
The SDK is the part that runs on your users' websites. It highlights elements, renders tooltips, and tracks analytics.
A developer has every right to know exactly what code is running on their site. Open-sourcing it removes that hesitation completely. Read it, audit it, fork it.
What's in the repo:
The complete vanilla JS SDK:
index.js — fetches tour config from API
renderer.js — tooltip rendering + positioning
Mobile bottom sheet for screens under 768px
URL pattern matching (exact, dynamic, wildcard)
Per-path localStorage session management
window.TourKit global API
MIT licensed. Zero dependencies. 2.8 KB minified.
How it works:
One script tag on your website
↓
SDK fetches tour config from TourKit API
↓
Matches steps to current URL
↓
Renders tooltips on matching elements
↓
Tracks analytics automatically
Dashboard stays private - that's where the business lives — step editor, analytics, AI generator, team management.
Same model as Plausible, Cal.com, Supabase. Open core works.
What this means practically:
Self-host the SDK if you want
Audit exactly what runs on your site
Contribute bug fixes
Use it as reference for your own tools
Still need dashboard for tour management
Current status:
Still 0 paying customers.
Still building in public.
Still shipping every week.
But the product is real, the SDK is open, and the AI workflow (paste prompt → Cursor generates tour.json → drag in → live) is working end to end.
If you're building a SaaS and need onboarding tours — try it free: tourkit-phi.vercel.app
Stars on the SDK repo genuinely help with discovery.
One of the most common pieces of feedback I kept hearing after people tried TourKit:
"Setting up the theme takes too long"
"I just want it to look good out of the box"
"I don't want to pick colors manually"
So I fixed it.
What's new:
Prebuilt tooltip templates — one click and your tour instantly matches a
professional design system. No color pickers. No font hunting. No border radius math. Just pick a template and ship.
Templates available:
Free:
→ Obsidian — dark glass with orange fire
→ Chalk — pure white on pitch black
→ Dusk — muted violet, easy on eyes
Pro:
→ Matrix — terminal green, monospace font
→ Slate — confident blue for enterprise
→ Ember — deep amber glow
→ Frost — arctic cyan, crisp contrast
→ Sakura — soft pink for consumer apps
---
Why this matters:
Most onboarding tools make you configure everything before you can see results.
TourKit now goes from signup to a good-looking tour in under 2 minutes:
1. Create project
2. Pick template
3. Add steps
4. Drop script tag
5. Done
What else shipped recently:
- Mobile bottom sheet tours (first SDK with proper mobile support)
- URL-based tour triggers (right step, right page, automatically)
- AI tour generator (Pro)
- JSON drag and drop import with AI agent prompt for Cursor/Claude
Current status:
Still early. Still building. 0 paying customers but shipping fast and getting real feedback from this community every week.
If you're building a SaaS and need user onboarding — try it free:
Would love brutal feedback on the template designs specifically 🙏
Most websites have zero onboarding. Your Users sign up, land on a dashboard, look around confused, and leave within minutes — sometimes never coming back.
The problem isn't the product. It's that nobody showed them how to use it.
The existing solutions felt broken for indie hackers: Intercom and Appcues charge $300-500/month.
That's a no for anyone bootstrapping solo.
Intro.js and Shepherd.js are free, but you write hundreds of lines of JavaScript config. Update one CSS class, and your tour silently breaks in production with zero error messages. There was nothing in between.
So TourKit exists to fill that gap. Paste one script tag on your website.
Configure tour steps from a dashboard with no code. Visitors get a guided walkthrough automatically.
That's it.
No framework lock-in. No complex setup. Works on React, Next.js, Vue, WordPress, or plain HTML.
The deeper problem it solves:
Good onboarding shouldn't be a luxury only well-funded companies can afford.
A solo founder with 50 users deserves the same guided experience as a company paying $500/month
for Intercom — just at a price that makes sense for where they actually are.
That's what TourKit is trying to be.
https://tourkit-phi.vercel.app
Curious — for those of you running a product, how did you handle onboarding for your first users?
Did you build something, use a tool, or just send a welcome email and hope for the best?
Hey IndieHackers 👋
Just added TourKit to the product directory and wanted to share the story behind it. I kept seeing the same problem everywhere — products with zero onboarding. Users sign up, land on a confusing dashboard, don't know what to click, and leave within minutes.
Existing solutions felt wrong for indie hackers. Intercom and Appcues cost $300-$500/month — way out of reach for someone bootstrapping their first SaaS.
Free libraries like Intro.js work but require writing hundreds of lines of config and break the moment your CSS changes.
So I built TourKit — paste one script tag, configure tour steps from a no-code dashboard, and visitors get a guided walkthrough automatically.
What's in it:
→ Works on React, Next.js, Vue, WordPress, plain HTML
→ Context-aware tours — different steps per page, including dynamic URLs like /products/[id]
→ Mobile-optimized with a bottom sheet design
→ Full analytics — completion rate, step dropoff
→ AI generates tour steps from a product description
→ Free tier, paid plans start at $9/month
This is my first real solo SaaS attempt, and I'm building it fully in public and still figuring out pricing, positioning, and what features actually matter to people.
Would genuinely love feedback from this community — especially on whether the pricing makes sense and what would make this a must-have for your product.
https://tourkit-phi.vercel.app
Happy to answer any questions about the build, the tech stack, or the journey so far.
-
1
Onboarding is one of those problems where the value isn’t the tour itself—it’s whether the user reaches their first meaningful action faster. If TourKit can reliably move users from “confused signup” to “first success moment,” that’s what will matter more than how the tour is configured.
-
1
Exactly — the tour is just the mechanism;
the real metric isn't "did they complete the tour"
it's "did they reach their first meaningful action faster?" That's why I'm implementing TourKit on TourKit right now — I want to see if guided
users create their first working tour faster than those who figure it out alone
that data will tell me everything 🙏
-
2 Comments