onborda

A modern product tour library for Next.js powered by Framer Motion

Start a tour

Get started

Built with

Next.js
Framer Motion
Radix
Tailwind CSS

Tour 1

Step 1

Welcome to the first step in tour 1. Onborda allows you to create multiple beautiful product tours on your Next.js application.

...
2

Step 3

Built with Framer Motion and Radix Portal. Onborda enables you to create impressive transitions between tour steps.

...

Tour 2

Step 1

Using javascripts MutationObserver, we're able to animate between routes across your application while never leaving the tour itself.

...
2

Step 3

Using Onborda's custom hooks and options gives you full control of how you're tour looks.

...