binzam/react-onboarder ? reverse-engineered prompt

Reverse engineered prompt

Build me a React and Next.js onboarding tour component library that feels polished and easy to drop into an app.

I want a guided tour provider with a dimmed overlay, a highlighted target area, and a card that stays inside the viewport and points to the right spot without messing up the page layout. It should be type safe so I can define my own set of target ids and get compile time errors if I mistype one. Make it work well with Tailwind, Framer Motion, and Floating UI, and let me customize the styling or use it unstyled if I want.

It should also be friendly for Next.js App Router, include a server safe way to mark targets, and handle accessibility properly with focus management and keyboard support. Add a way to remember when a tour has already been seen, plus a way to start it automatically or manually. If you need to check current docs for any of the dependencies, go ahead and look them up online.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab