Automatically embed Chromatic using

Chromatic helps you review UI implementation with developers, designers, and PMs by publishing your Storybook to a secure CDN.

Integrating into your website enhances user engagement by providing instant visual feedback as visitors navigate through your content. When users hover over hyperlinks, they are greeted with a succinct link preview in a popup, offering a glimpse of the information that awaits them. This immediate context not only enriches the browsing experience but also encourages users to explore further, reducing bounce rates and increasing the time spent on your site. For Chromatic users, this means a seamless way to showcase UI changes and updates directly within the context of project discussions, without disrupting the workflow.

When it comes to rich media websites, the benefits of using become even more pronounced. Upon clicking a hyperlink, visitors no longer face the disruption of being taken away from the current page. Instead, automatically extracts the embed code and presents the linked rich media content in an overlay popup on your website. This integration keeps users engaged with your content while providing them with a deeper, more immersive experience. For Chromatic, which facilitates the review of UI implementations, this translates to an interactive display of Storybook entries on your site, streamlining the collaboration process among developers, designers, and project managers.

Supported URLs will automatically generate embeds in the popup overlay for the following URLs:


How it works?

To enable automatic embeds on your website:

  1. Sign up to
  2. Install script on your website
  3. Hyperlink text & images on your website

Embeds with link previews will automatically appear when visitors hover & click over the hyperlinks. No need to copy any embed codes, everything is takes cares of.

Watch Demo 0:30s
Watch Demo 0:30s


More rich link preview embeds to integrate