just-a-walkthrough is a framework-agnostic, zero-dependency product tour and onboarding walkthrough library. It offers optional React integration and supports Tailwind and shadcn for styling.
This library is designed to work seamlessly with any DOM, including vanilla JavaScript, React, and portals.
Key features include spotlight highlights with a darkened backdrop, accessible keyboard navigation, auto-scroll, and responsive repositioning on scroll or resize. It also supports step hooks and lifecycle callbacks, allowing developers to chain multiple tours with persistence-aware skipping.
Progress is saved in localStorage, ensuring users can resume tours seamlessly.
The library is tiny and tree-shakeable, with no external dependencies, making it an efficient choice for developers looking to enhance user onboarding experiences.
Spotlight highlight & darkened backdrop
Accessible keyboard navigation
Auto scroll & responsive repositioning
Step hooks & lifecycle callbacks
Chain multiple tours with persistence-aware skipping
LocalStorage progress persistence & resume support
Custom tooltip renderer & theming
Works with any DOM (vanilla, React, shadcn, portals)
Tiny, tree-shakeable (no external deps)
Built with