Àjàlá.js

A lightweight yet powerful vanilla JavaScript engine that guides user focus, providing a smooth transition experience across your webpage.
_{No external dependencies, fully customizable, works in all major browsers, and easy to tweak for your needs.}

• Simple: is simple to use and has no external dependency at all
• Light-weight: is just 7kb gzipped.
• Highly customizable: you can pass your own custom tooltip element, custom arrow, customize each step state value at different screen size etc, all this with a powerful API.
• TypeScript: Written in TypeScript
• Consistent behavior: usable across all browsers
• MIT Licensed: free for personal and commercial use

Documentation

For demos and documentation, visit click here

So, why create another walkthrough library?

Well alot of the other walkthrough library didn't allow me use a custom tooltip element, i also had a need for the walkthrough step state to change on different screen size for each step "Steps with media query", i was able to achieve this with some tricks on those libabry but i believe this should come natively.

Lastly the transition experience between ajala steps is just alot more smoother.

Actions speaks louder than words, click here for a quick demo

Contributions

Feel free to submit pull requests, create issues or spread the word.

License

MIT © Adeyanju Adeyemi