Introduction
UI Inspect is a visual regression testing and design-to-code comparison platform that catches UI bugs before they ship.
What is UI Inspect?
UI Inspect is an open-source visual regression testing platform that helps teams:
- Compare designs with code — Upload Figma designs and compare them pixel-by-pixel with your implementation
- Catch visual regressions — Automatically detect UI changes in CI/CD pipelines before they reach production
- Generate CSS fixes — Get auto-generated CSS and Tailwind fixes to match your designs
- Track visual health — Monitor visual consistency across your entire application
How it works
- Capture — Take screenshots of your UI components using the CLI, browser extension, or API
- Compare — Smart diff engine analyzes screenshots against baselines using SSIM, pixel matching, and layout shift detection
- Review — Visual diffs appear in your dashboard and as PR comments with actionable insights
- Fix — Auto-generated CSS fixes and Tailwind classes help you resolve differences fast
Architecture
UI Inspect is a monorepo with four main applications:
| Component | Description | Port |
|---|---|---|
| Web App | Dashboard, project management, auth | 3002 |
| CLI | CI/CD visual regression testing | — |
| Browser Extension | Element picker, screenshot capture | — |
| MCP Server | AI-powered diff analysis and fix generation | 3000 |