Gridtray is a set of twenty design utilities for the small, repeated jobs of design and front-end work: choosing colors and checking that text on them is readable, making a QR code that will still work in five years, writing a gradient or shadow in CSS, and working out what size an image needs to be.
How it is built
Every tool runs in your browser. Colors are computed with the culori library, QR codes with the open-source qrcode library, and images you load are processed on your own device. There are no accounts and no uploads. Colors you keep on the Color Shelf and sizes you save are stored in your browser's local storage only.
How it is paid for
The site is free and supported by advertising. Ads are kept out of the working area of each tool: never between a control and its result, and never next to a download button.
Accuracy
Contrast calculations follow WCAG 2.2. Social media sizes are reviewed against each platform's published guidance, but platforms change them; if you find an error, please tell us.
Contact
Corrections, ideas for tools and questions are welcome at [email protected].