Onboarding Flow

A first-run onboarding built on the Guide system: a waiting beacon starts an opt-in spotlight tour, a non-modal help panel links back to the UI, a hint flags a new feature, and analytics hooks track the funnel — all over one controller.

GuideProvider Guide GuideBeacon GuidePanel GuideMarker GuideMention GuideHint Button

Live Preview

Click the pulsing beacon (or the ⓘ) to start. Move through the tour and watch the analytics hooks fire on the right — completing it reveals the "new feature" hint.

Acme Workspace

New here?

New: API keys

You can now generate scoped API keys for automation.

Tour analytics

onStep / onComplete / onSkip fire from the engine — the funnel and drop-off signal that is the real value of onboarding.

No events yet — start the tour.

Onboarding Flow Recipe

Loading syntax highlighting...