Tourkit

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:

1. Self-host the SDK if you want

2. Audit exactly what runs on your site

3. Contribute bug fixes

4. Use it as reference for your own tools

5. 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.

github.com/webdev-raj/Tourkit-sdk

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.