By Hoverify
Free Tools
This selection of free tools will help you to beat daily web development challenges faster, and efficiently.
Device Mockup Generator
Drop a screenshot into a frame for any of 28 phones, foldables and tablets, then download the PNG. Each bare frame is a free download too.
Make a device mockup
Beautiful CSS Gradients
54 CSS gradients to copy and paste: mesh, grainy, sky, metallic and animated, the last with their keyframes.
Browse CSS gradients
Tailwind v3 to v4 Converter
Convert a Tailwind v3 config to v4's CSS-first setup.
Convert to Tailwind v4
Image to Mesh Gradient
Convert images to beautiful mesh gradients.
Make a mesh gradient
Color Picker from Image
Pick a color out of any image on your computer, as HEX, RGB or OKLCH.
Pick a color from an image
Color Picker
HEX, RGB, HSL, HSV, CMYK and OKLCH for any color, plus its shade scale.
Open the color picker