Tools for Designers
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.
Carousel Creator
Create custom image carousels for social media. Split images, add text, set backgrounds, and preview your carousel before downloading—all in your browser.
Avatar Generator
Generate avatars with AI generated pictures, so nobody gets upset.
Simple Timer
Generate a simple and pretty timer with a date and time, and a title.
Color Range Generator
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.
Color Tester
Test your color combinations across light and dark backgrounds. Quickly preview contrast, readability, and styling in different UI contexts — all inside the browser.
Contrast Checker
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.
Color Fetcher
Work-in-progress color fetching tool.
Favicon Generator
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 to File Converter
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.
Image Compressor
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).
HEIC to JPG Converter
Convert .heic and .heif photos from your iPhone or Mac to standard JPG images. Runs 100% in your browser — no uploads, no tracking.
PNG/JPG to WebP Converter
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.
Placeholder Text Generator
Generate nonsense-style placeholder text — from classic Lorem Ipsum to near-English, near-Danish, or pure cat gibberish. Fully customizable, all in-browser.
Mesh Gradient Generator
Create fluid mesh gradients using Canvas, Gaussian falloff, and HSL color blending. Warning: This tool is battery intensive.
Progressive Blur Generator
For you, who want that fancy new progressive blur effect on your website.
Liquid Glass Generator
Liquid glass effect that mimics refractions and reflections, made entirely with CSS.
Loader Maker
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.