Lost Pixel logo

Lost Pixel

Open-source visual regression testing for frontend changes, catching UI bugs before they reach users.

Quick Info

Starting at $0
0 reviews
Build stage

Overview

Lost Pixel is a modern, open-source visual regression testing tool that helps development teams maintain the visual integrity of their web applications. It acts as an alternative to proprietary solutions like Percy and Chromatic, offering a balance of convenience, features, and cost-effectiveness. The core of Lost Pixel is open-source, fostering community contributions and transparency.

The platform integrates deeply with GitHub, providing automatic status checks and a streamlined review flow for visual changes directly within your pull request workflow. It allows for powerful composition, enabling users to leverage existing Storybook stories, Next.js pages, and Playwright tests to create comprehensive visual test suites. Key features include the ability to mask elements, execute browser-side code for dynamic adjustments, set fine-grained thresholds for comparisons, and test across multiple browsers and breakpoints. Lost Pixel also focuses on performance with parallel execution and includes robust flakiness mitigation strategies to ensure reliable test results.

Best For

Ensuring UI consistency across different browsers and devices.
Preventing visual regressions when making design system changes.
Validating UI components in Storybook or similar environments.
Catching unintended visual changes in Next.js applications.
Streamlining the review process for frontend pull requests.
Maintaining visual integrity of documentation sites (e.g., Prisma documentation).

Key Features

First-Class GitHub Integration
Power of Composition (Storybook, Next.js, Playwright)
Streamlined Review Flow
Element Masking
Execute Browser Code (CSS/HTML adjustments)
Configurable Thresholds (absolute & relative)
Multiple Browser Testing
Multiple Breakpoint Testing
Parallel Execution for Speed
Approval Flow for Visual Changes
Flakiness Mitigation (retries, custom wait times)

Pricing

Free

$0
  • 7 000 screenshots per month included
  • Unlimited collaborators
  • Monorepo support
  • Anti-flakiness measures
  • First class GitHub integration
POPULAR

Startup

$100 /per month
  • 40 000 screenshots
  • $0.006 per screenshot

Pros & Cons

Pros

  • Open-source core provides transparency and community contribution.
  • Seamless GitHub integration with automatic status checks.
  • Flexible composition allows testing across various frameworks (Storybook, Next.js, Playwright).
  • Advanced control over visual comparisons with masking, code execution, and thresholds.
  • Supports testing across multiple browsers and device breakpoints.
  • Designed for speed with parallel execution capabilities.
  • Effective flakiness mitigation features improve test reliability.
  • Modern UI for reviewing and approving visual changes.

Cons

  • Requires integration with existing development workflows (e.g., GitHub Actions).
  • Initial setup might require some technical understanding of visual testing concepts.
  • Reliance on GitHub for core integration might be a limitation for teams using other VCS.
  • While open-source, the platform features might have a learning curve for new users.
  • Specific pricing details for the platform are not immediately obvious without visiting the pricing page.

Reviews & Ratings

0.0

0 reviews

5
0% (0)
4
0% (0)
3
0% (0)
2
0% (0)
1
0% (0)

Share Your Experience

Sign in to write a review and help other indie hackers make informed decisions.

Sign In to Write a Review

No Reviews Yet

Be the first to share your experience with this tool!

Ready to try Lost Pixel?

Join thousands of indie hackers building with Lost Pixel