Free · No sign-up
Six utilities we built for our own work and left open for anyone to use. Nothing to install, no account, and no limit on how often you run them.
Pick a page layout — sidebar, card grid, holy grail — set the widths and
gutters, and take away clean semantic HTML with matching CSS. Everything
you're likely to change sits in one :root block.
Placeholder text that isn't only lorem ipsum. Pick a vocabulary, ask for sentences, paragraphs, lists or a whole article, and copy it out as HTML, Markdown or plain text. Seeded, so the same settings give the same words back.
Build a colour scale and see what it can carry. Every pair in the palette is checked against the WCAG thresholds and shown in the colours it reports on, so the number and the thing it describes are the same object. Ramps are spaced in OKLCH; export as custom properties.
Open a page and its stylesheet, then change colours, type and spacing with sliders and watch the live preview keep up. Save straight back over the original file, or export a copy. Runs entirely in your browser — nothing is uploaded anywhere.
Drop in one mark and take away the whole set — favicon.svg, a multi-size
favicon.ico, Apple touch and PWA icons, a maskable icon with its safe zone
drawn on, and the OG card. With the markup to paste into <head>.
Paste any address and get a scored report on SEO, performance and technical health — page titles, meta descriptions, missing alt text, heading order, page weight, HTTPS, broken links and more.
More tools are on the bench. Check back.