Design Tools
A growing set of free web apps for designers and developers: colour, CSS, type, images, print and more. No sign-up, and almost everything runs right in your browser.
npm start in this folder, then open http://localhost:3000.
CaseForge
Convert text between sentence, title, camel, snake, kebab and other cases.
Open tool →Lipsum
Generate placeholder text by paragraphs, sentences or words.
Open tool →KeyQuest
Learn to touch type with levelled lessons, speed tests and the Word Rain game.
Open tool →Palettely
Browse, search and copy colour palettes, or generate a new one.
Open tool →ContrastCheck
Check text and background colours against WCAG 2.2 AA and AAA.
Open tool →PalettePick
Pull the dominant colours out of a photo as HEX, RGB, HSL, CSS or Tailwind.
Open tool →CornerKit
Shape every corner, from subtle rounding to blobs, and copy the CSS.
Open tool →ShadowCraft
Layer box-shadows with a live preview and copy CSS or Tailwind.
Open tool →FluidType
Turn min and max font sizes into a CSS clamp() value or a fluid type scale.
Open tool →FontPair
Preview Google Font pairings on real layouts and copy the link tags.
Open tool →PixelPress
Compress and resize images to WebP, AVIF, JPG or PNG, right in your browser.
Open tool →SVGSlim
Clean up and shrink SVG files, then copy as SVG, data URI, CSS or JSX.
Open tool →FaviForge
Turn an image, letter or emoji into a full favicon set with HTML tags.
Open tool →