Free Developer & Design Tools

Combine palette, fonts, logo and tone of voice into a downloadable brand guidelines PDF. Free, browser-based, no sign-up.

Design and animate custom line and shape icons. Export as SVG, PNG, JPG, WebP, PDF, React or a sprite ZIP.

Browse 180+ Google Fonts, pair them across H1–H5, paragraph and caption, preview in a newspaper layout, and check WCAG contrast in real time.

Build colour palettes with an interactive wheel, harmony rules, wellness modes, 3 to 10 swatches, drag-to-reorder, lightness tuning, five layouts, and PNG/JPEG/WebP/SVG/JSON export.

Create beautiful CSS linear, radial, and conic gradients with custom directions, colour stops, transparency, and live preview. Copy production-ready code instantly.

Generate SEO-optimised meta tags with live Google, Twitter, and LinkedIn previews. Perfect title and description length with visual progress bars.

Check WCAG 2.1 AA and AAA compliance for any colour pair. Get accessible colour suggestions when combinations fail.

Beautify, minify, and validate JSON data instantly. Upload files, choose indentation, and download formatted output.

Generate placeholder text in classic Latin, business, hipster, or tech styles. HTML output, word count, and configurable length.

Pick from 35+ animation presets, bounce, shake, wobble, fade, text effects and more. Customise timing, preview live, and copy CSS, JS, or jQuery code.

Minify or beautify HTML, CSS, and JavaScript instantly. See file size savings, copy or download the output.

Count words, characters, sentences, paragraphs, reading time, keyword density, and Flesch readability score.

Encode and decode text or images to Base64. Generate data URIs and img tags for embedding assets inline.

Test regular expressions with live match highlighting, plain-English explanations, common presets, and find-and-replace.

Build CSS box shadows visually with multiple layers, inset toggles, colour pickers, presets, and live preview.

Create beautiful SVG wave section dividers with smooth, jagged, or stepped styles. Multiple layers and custom colours.

Design professional, email-client-compatible signatures with a live preview. Export bulletproof HTML for Gmail, Outlook, Apple Mail and more — or download as PNG / JPG.

Write Markdown with a live HTML preview, formatting toolbar, word count, and HTML export.

Generate favicons from text, emoji, or images. Download all sizes as a ZIP with ready-to-use HTML link tags.

Visually style buttons, headings, inputs, cards, images, badges, and more. Tweak every CSS property with live preview and copy CSS, HTML, JS, or jQuery.

Format and beautify HTML, CSS, JavaScript, PHP, and Liquid code. Generate smart comment heading blocks with customisable fields and sizes.

Resize, crop, and convert images in your browser. Export as PNG, JPEG, or WebP with adjustable quality. No upload, fully private.

Combine multiple images into beautiful grids and collages. Choose from smart layouts, set fit, spacing, borders and shapes, then export as PNG, JPEG or WebP.

Design scroll-stopping social posts and stories for Instagram, Facebook, LinkedIn, TikTok and more. Pick a platform preset, layout, theme and fonts, then export as PNG, JPEG or WebP — all in your browser.

Plan your site's information architecture visually. Drag and label page cards by type, connect them with lines, auto-tidy the layout, and export as PNG, SVG, JSON, CSV, or Markdown.

Drag-and-drop wireframe builder with rows, columns, hero sections, cards, icon boxes, forms and more. Export clean Flexbox HTML/CSS or editable JSON. Free, no signup.

Generate strong, customisable passwords with strength scoring, batch mode, and instant MD5/SHA hash output.

Capture pixel-perfect website screenshots at any device size — desktop, tablet, mobile, or social. Full-page support included.