Catch visual bugs in
static & dynamic UI components

Ensure your website’s UI reliability in dynamic environments. Detect and resolve bugs at speed for each component across browsers and viewports.

Freeze animations and other dynamic elements on your webpage to significantly reduce false failures

Use Percy-specific CSS to selectively ignore areas during rendering for more efficient visual testing.

Test your front-end UI components individually in isolation with Storybook for focused analysis.

Percy + Storybook Integration

Perform individual component tests to verify functionality and design alignment before integration into the broader UI.

Minimize flaky results and false positives caused by dynamic web elements on your webpage.

Apply Percy-specific CSS in Percy rendering environment to ignore regions in your code and stabilize dynamic elements.

Percy automatically freeze animations on your webpage during visual testing to prevent false positive visual diffs.

Draw a box over the region to ignore in visual reviews across browsers. Set it for all branches or a specific branch.

Capture only the specific elements you want to test without needing to take a full-page screenshot.

Filter out minor webpage changes irrelevant to the human eye and focus solely on what truly matters.

Percy supports rendering of pages using third-party web typography services. Simply add Percy domains to your font service whitelist.

Catch visual bugs before they reach your users!