Applitools Logo
STORYBOOK

Catch UI bugs where you build them, not after they ship

Applitools runs inside Storybook, so every component gets a Visual AI check as soon as you code it, instead of after it's assembled into a page and buried in a pull request.

Catch bugs early

Find a visual regression in a button or a card while you're still building it, before it reaches a page, a pull request, or a user.

Test every story

Run the same visual check against every state you've written, hover, error, empty, loading, without wiring up a separate test for each one.

Review changes in bulk

Approve or reject a batch of similar diffs in one action instead of clicking through every story that shifted.

How Applitools Storybook Addon tests every component

Run visual tests without leaving Storybook

Native Storybook addon
Install with one command, then run Eyes from a tab inside Storybook. No separate app, no context switch to review a result.

Results stream back in real time
Trigger a run for one story or an entire component, and watch results populate as they finish, grouped automatically to match your Storybook structure.

Catch only the changes that matter

Visual AI, not pixel diffing
Applitools Eyes mimics how a person actually looks at a screen, so anti-aliasing and sub-pixel rendering noise don't turn into false positives.

Dynamic Match Level for changing data
Point it at a story with a timestamp, a price, or mock data, and Applitools ignores the values that are supposed to change from run to run.

Scale coverage without local setup

Ultrafast Grid
Run visual tests across modern browsers and devices in parallel, all without setting up local environments. Drastically reduces test execution time while increasing test coverage.

Prioritized sorting
Results sort Unresolved, then Failed, Aborted, New, and Passed, so the review that actually needs a person starts at the top.

GIF showing all affected stories in the Eyes Storybook Addon
Automatic maintenance groups all similar diffs so changes can be accepted or rejected in one click

Review and clear a batch, not a queue

Side-by-side and slider views
Compare baseline and checkpoint directly inside the result, so you don't have to guess what moved.

Auto-maintenance in bulk
Approve or reject every story affected by the same intentional change in one action, instead of reviewing each one on its own.

Integrate Applitools into 
your tech stack

Applitools works with 50+ major testing frameworks and languages, source code tools, CI/CD tools, and collaboration tools.

Graphic showing Applitools logo in the middle surrounded by logos Applitools can integrate with

What backs up every Storybook test

1

Broad format coverage

Extend the same visual checks across web, mobile, and component libraries, so a regression doesn't slip through in a format you didn't think to test.

2

Interactive development

Run tests interactively from the Applitools tab while you build, then run the same suite headless from the Storybook CLI in your pipeline, using the same applitools.config.js both times.

3

Local AI processing

Visual comparisons run locally within your environment. Component snapshots are never sent to an external model or used for training.

4

Deterministic execution

The same component, story, and configuration always produce the same result, so a pass is something you can trust and a failure is a real regression, not a run-to-run fluke.

5

Human-eye simulation

Visual AI ignores rendering noise like anti-aliasing and sub-pixel shifts, and flags only the differences a real reviewer would notice.

6

Root cause analysis

See the exact component, story, and browser behind a failure, so you know if it's a real regression or noise.

Add Visual AI to your Storybook tests in minutes

©2026 Applitools