Skip to main content
userTourKit
@tour-kit/core

@tour-kit/core

Framework-agnostic hooks and utilities for building product tours — state management, positioning, and accessibility

domidex01Published

LLM Context File

Working with an AI assistant? Download the context file for @tour-kit/core and paste it into your conversation for accurate code generation.

The core package contains all the headless logic for userTourKit. The reasoning behind a logic-first, UI-later split — and why it matters for shadcn/ui, Radix, and Base UI integration — is covered in our headless onboarding architecture guide.

Installation

pnpm add @tour-kit/core

Overview

This package provides:

  • Providers - TourProvider, TourKitProvider
  • Hooks - useTour, useStep, useSpotlight, etc.
  • Utilities - createTour, createStep, scroll helpers
  • Types - Full TypeScript definitions