r-onboardingOnboarding for React

A fully-typed, customizable onboarding component with SVG overlays, smart positioning, and accessibility built-in.

🎯

SVG Overlay

Precise element highlighting with customizable padding, border radius, and overlay opacity.

💬

🎨

Complete control over step appearance with render props. Build any design you want.

⚡

beforeStep and afterStep hooks for async operations, analytics, and state management.

🔒

Optional focus trap to keep keyboard navigation within the tour interface.

📦

Fully typed with comprehensive TypeScript definitions for excellent developer experience.