An open-source visual regression testing tool for Storybook, Ladle, Histoire, and modern frontend applications.
Lost Pixel is an open-source visual regression testing tool that automatically detects visual changes in UI components and web pages. It integrates with popular development tools like Storybook, Ladle, and Histoire, as well as modern frontend frameworks, to help teams maintain visual consistency and catch unintended UI regressions before they reach production.
Frontend developers and engineering teams building component libraries, design systems, or web applications who need reliable visual testing integrated into their CI/CD pipelines.
Developers choose Lost Pixel because it offers a fully open-source core with first-class integrations for popular UI development tools, flexible testing configurations, and an optional managed platform that simplifies collaboration and approval workflows for visual changes.
Open source alternative to Percy, Chromatic, Applitools.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
First-class integration with Storybook, Ladle, Histoire, and custom pages from frameworks like Next.js, Gatsby, and Remix, making it versatile for diverse frontend setups.
Supports multiple browsers (Chrome, Firefox, Safari), viewports, and breakpoints, enabling comprehensive responsive design validation as highlighted in the features list.
Includes retry mechanisms and utilities to execute arbitrary code before test runs, reducing false positives and stabilizing results, as documented in the flakiness recipes.
Allows exclusion of dynamic or non-essential UI parts from comparisons, focusing tests on critical elements and improving accuracy, with examples in the masking documentation.
The Lost Pixel Platform offers a dedicated review UI, team collaboration tools, and streamlined approval workflows, enhancing the testing process beyond the OSS core.
Key features like parallel execution, monorepo support, and seamless approval flows are restricted to the paid platform version, as the README explicitly states these are platform-only.
Setting up requires detailed configuration files that vary by provider (e.g., different URLs for local vs. CI), with multiple steps shown in the Quickstart, which can be error-prone for newcomers.
Relying on the Lost Pixel Platform for advanced features ties teams to a SaaS service, potentially limiting migration options and increasing long-term costs, as the core engine is separate.
The README points to external documentation for detailed recipes and setup, requiring users to navigate multiple sources, which might be overwhelming and slow down onboarding.
Lost Pixel is an open-source alternative to the following products:
Applitools is an AI-powered visual testing and monitoring platform for validating the visual correctness of web and mobile applications across browsers and devices.
Chromatic is a visual testing platform for frontend developers that helps catch UI bugs by automating visual testing for components and pages.
Percy is a visual testing and review platform that automatically captures screenshots and detects visual changes in web applications.