How to Build Your Own Percy
Replace Percy with a custom build. Visual regression testing for web applications
Build Difficulty: 5/5
Build a working replacement in a weekend with AI tools
Estimated Timeline
Based on 40 features at Weekend Project difficulty, expect about One weekend with AI-assisted development.
Recommended Tech Stack
Full-stack React framework with API routes and server components
PostgreSQL database, auth, and real-time subscriptions
Utility-first styling for rapid UI development
Key Features to Replicate
Top features across 8 categories. See all 40 features
Configuration(6 features)
Use custom domain configuration for testing applications behind authentication.
Configure dynamic content areas to ignore timestamps and dynamic data changes.
Exclude specific page elements from visual comparison to focus on relevant changes.
Manage environment-specific variables for flexible test configuration.
Customizable alerts for visual test failures via email and Slack.
+1 more in this category
Integration(5 features)
RESTful API for programmatic snapshot uploads and Percy dashboard integration.
Official Percy SDK for Cypress end-to-end testing framework.
Direct integration with GitHub for PR status checks and visual change notifications.
Built-in Percy SDK for Playwright test automation framework.
Native support for Selenium, WebdriverIO, and other WebDriver testing frameworks.
Testing(5 features)
Isolated visual testing of individual components and UI patterns.
Automatically test visual rendering across Chrome, Firefox, Safari, and Edge browsers.
Visual regression testing for mobile app screens and responsive web designs.
Capture snapshots at multiple viewport sizes to ensure responsive design consistency.
Capture visual snapshots of Shadow DOM elements in web components.
Administration(3 features)
Configurable data retention policies for snapshots and test results.
Create and manage multiple projects and teams within a single organization account.
Define granular permissions for team members including viewer, developer, and admin roles.
AI Features(3 features)
Automatic detection of dependency changes that may affect visual rendering.
Automatically identify and flag inconsistent visual test results across runs.
AI-powered visual diff detection that identifies meaningful changes while ignoring noise.
Analytics(3 features)
Detailed logs of all visual test runs with timestamps and comparison metadata.
Generate custom visual testing reports with filtering and export capabilities.
Track visual testing speed and efficiency metrics across your test suite.
Collaboration(3 features)
Customizable approval workflows for visual change reviews with team permissions.
Approve or reject multiple visual changes in a single action.
Collaborative web-based interface to review, approve, and manage visual changes.
Core(3 features)
Maintain and manage visual baselines for regression testing across project versions.
Maintain historical versions of visual snapshots for regression analysis and comparisons.
Capture and compare full-page visual snapshots to detect UI changes automatically.
Cost Calculator
Keep Paying Percy
Build It Yourself
Total Cost Comparison
DIY hosting estimate based on Vercel + Supabase free/pro tiers (~$20/mo). Build time estimated from 40 features at very easy complexity.