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.

The color generator and the gradient generator work on palettes and CSS backgrounds, the image compressor cuts file weight before anything goes online, and the palette extractor pulls hex codes out of a photo. They all run in your browser, so there's no sign-up and no file ever leaves your computer. And if you want to see those colors applied to something real, you'll find them in the UI components.