Utility set

Your toolbox

In front-end development, the small details eat up a lot of time. Optimizing an image for the web, finding the right shade of a color, or generating a gradient that doesn't look flat are simple operations — but ones that risk breaking the rhythm of your work.

This section exists for exactly that: a collection of small, practical tools designed to remove the friction from the most repetitive everyday operations. They aren't complex demos loaded with useless options, but ready, fast, essential tools.

Here you can define balanced color palettes on the fly, build pixel-perfect CSS gradients, cut image weight to speed up your site's loading, and pull color codes straight out of your own visuals. Open the tool you need, copy the result in one click and get straight back to your editor.