Getting started

Welcome to Warhol! Warhol is tool for making sure that your web project looks right. Warhol takes a pattern library as input and turns it into tests for your production web page. You can run the tests in a browser extension while developing or you can use Warhol's automated services to test all of your pages in multiple browsers at all kinds of screen sizes. Warhol does not rely on screenshots like many visual regression testing tools, but analyzes HTML and CSS instead. This allows Warhol to take examples with placeholder content as input and use it to verify production web pages containing actual live data.

This documentation explains how Warhol works, how you can set up your accounts, pattern libraries and projects, what the browser extension can do for you and what kinds of errors you can expect Warhol to detect.

Requirements #

Starting with Warhol is quite easy. You just need a three things:

  1. A Warhol Account
  2. The Warhol Browser Extension (currently only available for Google Chrome)
  3. A web-accessible pattern library that implements your components and theme in HTML and CSS. It can use any underlying technology or framework as long as the output is

The "getting started" section in the docs walks you through each step. If you have any questions, check out the FAQ, join our Slack community, contact @wearewarhol on twitter write an email to

Table of Contents