Product Tour

component

A guided product tour: a spotlight glides from element to element over a dimmed page while a card beside it explains each one, with progress dots, Back, Next and Skip, arrow keys, and automatic placement on the side that has room.

pnpm dlx shadcn@latest add "https://reactframe.com/r/product-tour.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Product Tour – shadcn/ui Component by reactframe | shadcnregistry

Registries
reactframe
Product Tour

Product Tour

component

pnpm dlx shadcn@latest add "https://reactframe.com/r/product-tour.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

motion
clsx
tailwind-merge

components/product-tour.tsx

motion
clsx
tailwind-merge

components/product-tour.tsx