Tailor is a developer tool that aims to simplify inspecting spacings, distances between elements, and fonts on websites.

Our QA does a lot of checks to ensure that spacings, paddings, and font sizes match the designs. So I thought there should be an easier way. Honestly, I would expect something like this to be built inside the browser inspector.

It is available as a browser extension (Firefox and Chrome) and as a library. You can load it as a bookmarklet too, but I found the extension more convenient. You can try it live on its homepage.

I want to add a way to take screenshots while the overlay is visible (useful when reporting an issue) and a few minor tweaks. It is open-source and written in TypeScript. For issues and feature requests, please use GitHub:

https://github.com/Stanko/tailor/

It doesn’t track anything nor uses any user data, and it is going to stay that way.

Let me know what you think, thanks!