Element highlighting
Focus visitors on the controls and information that matter, with a spotlight around real page elements.
CODE PRODUCT LAB / INTERACTIVE ONBOARDING
Guide people through your website, one step at a time.
A lightweight JavaScript walkthrough that highlights real elements on a page. Explore the player on this sample website — no account, database or setup required.
Ready — select Start interactive tour.
Acme / OverviewSample data
Workspace overviewFictional dashboard
12Active projects
84%Tasks completed
Example website content • Built for the demo
A BETTER FIRST IMPRESSION
Show, don't just tell.
Real tour behaviour you can test directly on this page.
Simple navigation
Next, Back, Close and keyboard Escape are supported in the player.
Portable configuration
Developer-defined JSON tour steps. No PHP, paid API or database is required for the player.
HOW THE PRODUCT WORKS
Create in the editor. Display with the player.
The paid source package includes a separate in-page visual editor to select targets, arrange steps and export JSON. This public demo intentionally contains only the player — not the proprietary editor source.
1. Select page targets2. Arrange onboarding steps3. Export JSON4. Load in the player
Does it work on a different website?
Try a second example with completely different typography, colours and layout.