Essential web tools for designers — from color palette generators and contrast checkers to image converters and CSS effects. Create, test, and optimize your designs without leaving your browser.
Create custom image carousels for social media. Split images, add text, set backgrounds, and preview your carousel before downloading—all in your browser.
Generate avatars with AI generated pictures, so nobody gets upset.
Generate a simple and pretty timer with a date and time, and a title.
Generate a complete alpha and brightness range from a single color. Tweak format, name your color, and copy the full CSS variable set — all right in your browser.
Test your color combinations across light and dark backgrounds. Quickly preview contrast, readability, and styling in different UI contexts — all inside the browser.
Check the contrast between two colors to see if they meet accessibility standards for text. Get instant feedback on WCAG AA and AAA compliance for both normal and large text.
Work-in-progress color fetching tool.
Generate high-quality favicons right in your browser — no uploads, no tracking. Supports PNG, JPG, and SVG with adjustable scaling and direct download as .ico and .png.
SVG code is nice, but sometimes you need it as a file. This tool converts SVG code into a downloadable file, and allows you to change colors.
Compress images right in your browser — no uploads, no tracking. Drop in your files, pick a strength, and download the results (individually or as a ZIP).
Convert .heic and .heif photos from your iPhone or Mac to standard JPG images. Runs 100% in your browser — no uploads, no tracking.
Convert JPG or PNG images into fast, modern WebP format right in your browser. Adjust quality, preview results, and download everything — no uploads, no tracking.
Generate nonsense-style placeholder text — from classic Lorem Ipsum to near-English, near-Danish, or pure cat gibberish. Fully customizable, all in-browser.
Create fluid mesh gradients using Canvas, Gaussian falloff, and HSL color blending. Warning: This tool is battery intensive.
For you, who want that fancy new progressive blur effect on your website.
Liquid glass effect that mimics refractions and reflections, made entirely with CSS.
Design and customize animated CSS loaders — circles, bars, dots, and more. Tweak colors, motion, and layout, then copy the ready-to-use HTML and CSS. No libraries, no uploads.