Tailwind CSS Tour Components

Dev Design Library indexes 15 Tailwind CSS tour components from 9 open-source UI libraries, with the most coming from Watermelon UI, Origin UI, UI Lab, ark-cn and Cojeev UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Tour components belong to the Overlays group.

• Coach MarkReact Spectrum · React
• Comp 389Origin UI · React
• TourPanel UI · React NativeA walkthrough that introduces a screen one control at a time.
• Popover 08 - Product TourShadcn Space · ReactIcon-led product tour popover with progress dots and skip/next controls.
• TourShark UI · ReactDisplays a guided tour of the application.
• Feature TourWatermelon UI · React
• Feature SpotlightUI Lab · ReactA camera zooms into the part of the product screenshot each feature describes as you scroll past it.
• Guided pointerCojeev UI · ReactAn illustrated pointer moves between story waypoints, with a small arrival or hold cue.
• Tourark-cn · ReactA shadcn-style tour component built with Ark UI primitives.
• Onboarding ChecklistWatermelon UI · React
• Onboarding Checklist BaseWatermelon UI · React
• Onboarding ScreenWatermelon UI · React
• Onboarding Screen BaseWatermelon UI · React
• Onboarding SetupWatermelon UI · React
• Onboarding Setup BaseWatermelon UI · React

Libraries with Tailwind CSS tour components

• Watermelon UI
• Origin UI
• UI Lab
• ark-cn
• Cojeev UI

Related categories

• Tour Components
• React Tour Components
• Tailwind CSS Overlay Components
• Tailwind CSS Modal Components
• Tailwind CSS Popover Components
• Tailwind CSS Tooltip Components
• Tailwind CSS Toast Components
• Tailwind CSS Drawer Components
• Tailwind CSS Alert Dialog Components
• Tailwind CSS Hover Card Components
• Tailwind CSS Bottom Sheet Components
• Tailwind CSS Dynamic Island Components
• Tailwind CSS Cookie Banner Components
• Tailwind CSS Lightbox Components