Shadcn Product Tour Blocks
Browse 9 Marketing Pro product tour blocks for shadcn/ui. Annotated screens, step walkthroughs, and demo teasers drawn in pure markup.
Marketing Product Tour: Annotated Screenshot
A browser mockup with numbered marker dots decoded by a sticky legend list.
Marketing Product Tour: Keyboard Shortcuts Panel
The product shortcuts as a Kbd reference panel, craft signaled through key caps.
Marketing Product Tour: Workflow Walkthrough
Three mini screens joined by arrows following one item from new to sent.
Marketing Product Tour: Before After Screens
A shabby dashed before screen beside a confident after screen with verdict captions.
Marketing Product Tour: Feature Spotlight Zoom
One UI element drawn at large scale, an automation rule row with a toggle and live count.
Marketing Product Tour: Side Tabs Tour
Vertical tabs of product areas, each pane pairing a blurb with a framed list mockup.
Marketing Product Tour: Demo Teaser Split
A sandbox pitch beside a mockup with a drawn cursor, hovered row, and honest tooltip.
Marketing Product Tour: Feature Spotlight Tabs
Three workflows on ui tabs, each pairing one paragraph with a small drawn panel.
Marketing Product Tour: Tour Steps With Screens
Three numbered tour steps, each paired with a framed mini screen showing that stage.