Svelte 5 · runes · MIT
Product tours for Svelte 5
A spotlight cutout, steps that follow you across pages and survive reloads, steps you finish by clicking the real button, pulsing hint dots, keyboard and screen-reader support, and tours written as JSON.
npm i svelte-tourlight
# or
pnpm add svelte-tourlightExamples
- Basic tour Steps, buttons and starting at step N.
- Multi-page tour Follows you across routes and survives a reload.
- Interactive steps Finish a step by using the real control.
- Beacons & highlights Pulsing hint dots and one-off callouts.
- JSON tours Tours as data, validated against a schema.
- Themes Light, dark, auto and custom tokens.
- Phone bottom sheet The tooltip becomes a sheet on small screens.
- Keyboard & screen readers Focus, keys, inert and announcements.
- Reduced motion No tweens, smooth scroll or pulse.
- Analytics One event stream with a live log.
- Headless & custom UI Custom tooltip snippet and the bare core.