Cards
Where to Use Notion Link Preview in React Apps
Notion Link Preview is an inline link mention with a Notion-style hover tooltip and site preview card. Knowledge and chat products ship it when pasted URLs should feel rich without leaving the document.
Where teams use Notion Link Preview
Use case 1
Docs and wiki inline mentions
Editors paste URLs that render as mentions with hover cards for title and site. Readers preview destination quality before navigating.
Use case 2
Chat and ticket link unfurls
Support and team chat show compact previews on hover instead of bulky embeds. Keeps threads readable while still informative.
Use case 3
CRM activity timelines
Rep notes link to decks and sites with the same mention pattern. Hover cards reduce context switching during call prep.
Use case 4
AI answer source chips
Assistant UIs cite web sources as inline mentions with preview cards. Favicon and title build trust in the citation.
Who it is for
Editors of knowledge, chat, and CRM surfaces who need rich URL mentions.
Try Notion Link Preview on AkmanOS
Hover a mention in the live preview, then copy markdown into Claude or Cursor to integrate Notion Link Preview with your unfurl API.
Preview /preview/notion-link-previewMore in Cards
- Add-ons & IntegrationsFilterable grid of integrations and premium add-ons with connect, upgrade, and status badges. Explore real product surfaces for the Add-ons & Integrations component — then open the live AkmanOS preview and copy production-ready source.
- Agent Limits CardContext window breakdown with segmented usage bar, expandable tool groups, and plan limit meters. Explore real product surfaces for the Agent Limits Card component — then open the live AkmanOS preview and copy production-ready source.
- AI Chat HeroCream grain landing hero with Acme nav, launch badge, Pro chat shell, model picker, and partner row. Explore real product surfaces for the AI Chat Hero component — then open the live AkmanOS preview and copy production-ready source.
- Bento CardCycling 2×2 bento carousel — four 1:1 tiles per layout, opposite row slide directions. Explore real product surfaces for the Bento Card component — then open the live AkmanOS preview and copy production-ready source.