Sherlo

May 31, 2026 Β· View on GitHub


Sherlo - Visual testing for React Native

Visual testing for React Native

npm version npm downloads license

Animated demo of Sherlo running visual regression tests on React Native components in Storybook

Sherlo

Visual regression testing for React Native, integrated with Storybook. Capture screenshots on iOS and Android simulators in the cloud, detect visual changes, and ship UI updates with confidence.

▢️ Sherlo in 2 minutes

How It Works

  1. πŸ“Έ Capture - Sherlo takes screenshots of your UI on iOS and Android devices in the cloud
  2. πŸ” Detect - All visual changes are automatically detected by comparison with previous versions
  3. πŸ‘ Review - Your team reviews detected changes before they go live

Key Benefits

  • πŸ–ΌοΈ Pixel Perfection - Your designs, implemented exactly as intended
  • βœ… Ship with Confidence - See exactly what changed before release - no surprises in production
  • ⏱️ Minutes Not Hours - Forget device-by-device checks - every UI update caught automatically
  • 🀝 Review Together - One place where devs, designers, PMs, and QA collaborate
  • πŸ“± Real Mobile Testing - Native iOS & Android testing - not web approximations like React Native Web
  • ☁️ Visual Testing Cloud - You build, we test - on infrastructure built specifically for mobile UI testing

Quick Start

1) Install Sherlo

npx sherlo init

2) Run visual tests

npx sherlo test

πŸŽ‰ That's it! Your visual testing is ready.


Full documentation β†’


Examples

Try Sherlo with ready-to-run example projects.

What's Inside

  • πŸ“± Minimal Apps - React Native + Storybook integrated with Sherlo
  • πŸ€– GitHub Actions - CI/CD workflows for automated testing
  • πŸ”„ Different Workflows - Standard builds, OTA updates, and Expo cloud builds

Browse examples β†’


Review App

Review visual changes across devices in one web app as a team - from developers to designers.

Features

  • πŸ“Έ Visual Comparison - Compare before/after screenshots with highlighted changes
  • πŸ’¬ Team Feedback - Approve or reject changes and leave comments
  • πŸ” Code Inspector - Inspect React Native styles directly in the browser
  • 🎨 Figma Preview - Compare UI with Figma designs side-by-side
  • …and more

Demo of Sherlo's web application showing review workflow with visual diffs, comments, code inspection, and Figma preview

New to Storybook?

Sherlo integrates with Storybook - a tool that helps you develop and document UI components.


🧘 Build in Isolation - No need to run the full app or navigate through screens

πŸ“š Auto Docs - Write once, get both components and documentation

πŸ’– Perfect with Sherlo - Plug in and get iOS & Android visual tests automatically - zero extra effort


Storybook for React Native β†’


Join the Community

πŸ’¬ Join our Discord - Get help and chat with the community

πŸ“’ Follow us on X - Latest updates and React Native tips

πŸ“§ Questions? contact@sherlo.io



⭐ Star this repo to support the project!


Website β€’ App β€’ Docs β€’ Examples