# component-testing

Open-source visual regression testing tool

Lost Pixel is an open-source visual regression testing tool that serves as an alternative to Percy and Chromatic. It captures and compares screenshots of UI components and application pages across Storybook, Ladle, Histoire, and custom screenshot sources like Cypress or Playwright. Integrated directly into GitHub Actions pipelines, it detects unintended visual changes before they reach production, with a free SaaS tier available for open-source projects.

Console for mobile browsers

Open-source mobile web console that embeds a full developer toolkit into any mobile browser. Provides console, element inspection, network monitor, resource viewer, performance timing, and JavaScript execution on devices that lack native DevTools. The de facto standard for debugging responsive layouts, mobile-specific JavaScript errors, and production issues on phones — loaded with a single script tag or a browser extension.

Visual testing for Storybook

Chromatic is a Storybook-first visual testing and UI review platform for design systems and frontend teams. It publishes Storybook, captures component snapshots, reviews pull-request diffs, and supports interaction tests, accessibility checks, TurboSnap, SteadySnap, Playwright/Cypress workflows, and Storybook MCP context.

UI component workshop

Storybook is an open-source workshop for building, documenting, and testing UI components in isolation. Render every visual state of React, Vue, Angular, Svelte, or Web Components, write interaction tests, visual regression tests, and accessibility checks, and publish a living design reference. Trusted by thousands of teams including GitHub, Airbnb, Shopify, and Microsoft as their single source of UI truth.