In App Message Card
Feature announcement card with a badge, title, body, illustration slot, primary CTA, and a permanent dismiss action.
Feature announcement card with a badge, title, body, illustration slot, primary CTA, and a permanent dismiss action.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
In App Message Card is the feature announcement pattern inside the product: a panel with a New badge, the title Introducing custom dashboards, a two-sentence body explaining who gets access (Team and above), a bordered illustration slot, and two actions: Try custom dashboards as the primary and Maybe later as a ghost. The footer note is honest: dismissing this message removes it permanently and names where to find the feature afterward.
The message is a single const object. The dismiss note is not fine print, it is the microcopy contract between the product and the user.
Reach for this block to announce a new feature or tier upgrade inside the app, wired to your announcement read and dismiss endpoints. Swap the illustration slot for an inline SVG or a Placeholder when you have visual support for the feature.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the new feature announcement. Other message cards:
Tip: dismiss must be permanent or clearly labeled as a snooze, ambiguity here is a trust issue.