UserTourKit

userTourKit is an open-source onboarding toolkit for React that puts control back in your hands. Unlike SaaS platforms that charge hundreds monthly or bloated open-source alternatives, it delivers a production-ready tour engine in under 8KB gzipped — 6x smaller than competing libraries.

Core strengths:

• Headless architecture — All logic lives in hooks, so you bring your own components and design system. Pre-styled components ship for teams that want to move fast, but full customization is always available.
• WCAG 2.1 AA accessibility — Focus traps, keyboard navigation, and screen reader announcements are built in from day one, not bolted on after an audit.
• TypeScript strict mode — Full type inference for configs, hooks, and props. No @types packages, no any casts, no surprises.
• Tree-shakeable & tiny — Import only what you use. The core is 3.2KB, the full React package is 7.4KB.
• Works with your stack — First-class adapters for Next.js App Router, React Router, TanStack Router, and shadcn/ui. No inline styles fighting Tailwind, no CSS injection.

Modular packages: Start with the free MIT core for tours and hints. Add analytics, checklists, announcements, scheduling, and media when you need them — each package is independently tree-shakeable.

Pricing model: The core is free forever. The full Pro suite (8 extended packages with all future updates) is a $99 one-time purchase for up to 5 production domains — no monthly invoices, no per-seat limits, no vendor lock-in. Development and localhost run without a key.

Why it matters: A production-grade tour engine takes 2–4 weeks of senior engineering time ($6,400–$24,000). userTourKit ships that work instantly, owned by you, with zero telemetry or external dependencies. Tours live in your bundle, authenticated by your auth, logged by your logging.