@guideloop/react

React guided tours & onboarding. Powered by @guideloop/core.

npm i @guideloop/react

Peers: react / react-dom ≥16.8. core is installed automatically.

Usage

import { GuideLoop } from '@guideloop/react';

<GuideLoop
  steps={[{ target: '#cta', title: 'Welcome', content: 'Start here.' }]}
  isOpen={open}
  onClose={onClose}
  theme="tailwind"
/>

Entries

| Import | Purpose | |--------|---------| | @guideloop/react | Components & hooks | | @guideloop/react/builder | Dev-only Tour Builder | | @guideloop/react/types | RSC-safe types + storage |

const { TourBuilder } = await import('@guideloop/react/builder'); // gate in production

import type { Step } from '@guideloop/react/types';

Also: OnboardingChecklist, Spotlight, Progress, debug prop.

Docs & demo: github.com/oznksc/guideloop · live

MIT