Getting started

Welcome to Warhol! Warhol helps you to make 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 (at least that's the plan). 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 with real content.

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, what can go wrong and what kinds of design problems you can expect Warhol to detect.

Requirements #

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

  1. A Warhol Account
  2. The Warhol Browser Extension (currently only available for Google Chrome)
  3. A pattern library (either on the web or on your local machine) that implements (parts of) your components and theme with web technologies. It does not need to be comprehensive and can use any underlying technology or framework as long as the output is sort-of reasonable HTML and CSS.

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 or write an email to

Table of Contents

Join our Slack Community

Any question not answered yet? You want to get the latest information on Warhol and discuss new features? Join our Slack Community.