Generators for web and print work that run in the browser: barcodes and QR codes, CSS shadows and gradients, colour palettes, favicons, placeholder text, tagged links.
Things a designer or a web team needs to produce, not calculate: a barcode or QR code as a clean SVG, a box shadow or gradient as the CSS you paste, a palette with its contrast ratios stated, a favicon set from a letter or an emoji, placeholder text of an exact length, a campaign link with its parameters encoded properly. Every generator states the standard or the formula it follows, and the output is made on your machine — nothing is uploaded.
Code 128, EAN-13, EAN-8 and UPC-A barcodes as clean SVG or PNG, encoded in the browser to the standard, with check digit, symbol table and print size stated.
You get: A barcode file you can place in artwork, with the check digit computed, every symbol listed, and the physical width at your X dimension.
Open Barcode GeneratorQR codes for a URL or text as SVG or PNG, encoded in your browser to ISO/IEC 18004 with version, error-correction level, mode and mask stated. No upload.
You get: A QR code file with its version, module count, error-correction level and capacity stated, plus warnings about quiet zone, contrast and size before you print it.
Open QR Code GeneratorA QR code that joins guests to your Wi-Fi when scanned: SSID, password and security type in the format phones read, built in your browser — nothing is sent.
You get: A printable QR code (SVG or PNG) and the exact WIFI: payload it carries, with the SSID and passphrase checked against the IEEE 802.11 limits before you print.
Open Wi-Fi QR CodeLayered CSS box-shadow with a live preview: offset, blur, spread, colour and opacity per layer, inset shadows, px or rem output, and the CSS ready to paste.
You get: A box-shadow declaration you can paste, one line or one layer per line, with the shadow’s reach beyond the box stated so layouts can allow for it.
Open Box Shadow GeneratorLinear, radial and conic CSS gradients with a live preview: angle or centre, colour stops with opacity and position, repeating patterns, and a solid fallback.
You get: A background-image gradient declaration you can paste, with its fallback colour, written exactly as the CSS Images specification reads it.
Open CSS Gradient GeneratorFrom one colour: tints, shades and harmonies in hex, RGB and HSL, each with its WCAG contrast on white and black and AA/AAA verdict, as CSS variables or JSON.
You get: A palette you can paste as CSS custom properties, with the contrast ratio and accessibility level of every swatch stated so text colours are chosen by measurement.
Open Colour Palette & ContrastA favicon set from a letter, word or emoji on a coloured tile: SVG master, PNGs from 16 to 512 px, multi-size .ico, link tags and web manifest, in your browser.
You get: Every file a site needs for its icon — favicon.ico, favicon.svg, PNGs for tabs, iOS and Android, site.webmanifest and the HTML to reference them — nothing uploaded.
Open Favicon GeneratorPlaceholder text of an exact length — words, sentences or paragraphs — from the traditional lorem ipsum vocabulary, reproducible from a seed, as text or HTML.
You get: Filler text that fits the space exactly, with word, sentence and character counts stated and a seed that regenerates the same text tomorrow.
Open Lorem Ipsum GeneratorCampaign links with utm_source, medium, campaign, term, content and id encoded correctly: existing query kept, fragment kept last, case and spacing checked.
You get: A tagged URL ready to paste, every value percent-encoded to RFC 3986, with warnings for the mistakes that split analytics reports.
Open UTM Link Builder