UserTourKit
Headless React library for product tours, checklists, hints, and announcements with WCAG 2.1 AA accessibility and shadcn/ui compatibility.
userTourKit — The open-source onboarding toolkit for React
userTourKit is a headless, accessible React library for building product tours, feature hints, checklists, announcements, and surveys. Built with strict TypeScript, WCAG 2.1 AA compliance, and tree-shakeable architecture under 8KB gzipped.
Key Features
- Headless Architecture: All logic in hooks with pre-styled React components available
- WCAG 2.1 AA Accessibility: Built-in focus traps, keyboard navigation, and screen reader support
- Tree-shakeable: Core under 8KB gzipped, 6x smaller than alternatives like react-joyride
- TypeScript Native: Strict mode with full type inference, no @types packages needed
- shadcn/ui Compatible: Works out of the box with popular component libraries
- Multiple Packages: Core, React components, hints, announcements, checklists, surveys, analytics, and more
- Pro Features: Analytics, scheduling, adoption tracking, and AI assistant available
- Zero Config: Simple installation with one package and minimal setup
Tech / Self-Hosting
- Open Source: MIT-licensed core with free forever usage
- Pro Packages: Pay once ($99) when shipping to production
- Framework: React with TypeScript support
- Installation:
pnpm add @tour-kit/coreorpnpm add @tour-kit/react - Self-Hosted: All packages are self-hostable with no external dependencies