Feature announcement / Product tour
Help & Support · 8 checks · 17 resources
The in-product introduction of something new, which must inform without hijacking the session.
Before you ship
- 01Targeted to users the feature is relevant to — not broadcast to every account regardless of plan or role
- 02Dismissible at every step — with the dismissal remembered across devices and sessions
- 03Anchored to the real UI element it describes — a positioned tooltip or spotlight, not a floating modal describing something offscreen
- 04Step count bounded and visible — three to five steps at most, with progress shown
- 05One clear action per step — try it now, read more, or skip
- 06Never blocks the user's original intent — deferred if the user is mid-task in a form or editor
- 07Re-openable on demand — findable later from a help or 'what's new' menu once dismissed
- 08Links to the changelog entry and documentation for the same feature
Resources that help you build this
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agentsGenerative Media ToolsS
- Kibo UI · shadcn registry of 41 complex components: Gantt, Kanban, editor, sandbox, cropperComponent LibrariesS
- Open Design · Local-first desktop app that turns a coding agent into a design engineAgent Design ToolingS
- remocn · 282 Remotion components for product-demo video, installed by the shadcn CLIMotion & InteractionS
- Rive · Vector animation editor whose State Machine files run natively in app runtimesMotion & InteractionS
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt indexGenerative Media ToolsA
- Kibo UI · shadcn registry of 41 hard components shadcn/ui does not ship, plus 28 blocksComponent LibrariesA
- posts.design · Hand-picked wall of launch and announcement graphics from X, updated dailyInspiration GalleriesA
- React Joyride · Guided product tours for React, v3 with a hook APIComponent LibrariesA
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitivesComponent LibrariesA
- Coachmark · Unstyled React primitive for product tours, built on Base UI PopoverComponent LibrariesB
- Guizang PPT Skill · Agent skill for single-file HTML decks in editorial or Swiss style, plus social coversAgent Design ToolingB
- Really Good Emails · 19,000+ curated marketing emails, browsable by category, plus a builderInspiration GalleriesB
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aestheticComponent LibrariesB
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGsBlocks, Templates & ThemesB
- Notra · Turns merged PRs and closed Linear issues into changelogs and launch postsUtilities & NamingC
- React Spotlight Tour · Tiny ref-based React tour overlay, unmaintained since 2021Component LibrariesC