Comps is a Chrome extension designed to help you match design comps perfectly by overlaying them onto your working webpage.
CoffeeScript CSS Ruby HTML
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
images
js
.gitignore
LICENSE
Rakefile
background.html
manifest.json
readme.md

readme.md

About

Comps is an extension inspired by the PixelPerfect Firefox extension. It allows you to load images from your local computer and easily overlay them onto your website for comparing your code against a given design.

Using Comps

To get started, click the Comps button, then drag a comp to load to the drop zone in the bottom left hand corner of the page. Click a comp's thumbnail to load it.

You may click-and-drag a comp to move it around, or use the provided arrow buttons to nudge it 1px at a time to get that perfect line-up. Mousewheel on a comp to change its opacity. Ctrl-click a comp's thumbnail to remove it.

Other stuff