CSS &amp; Development

Meta Tag Generator

Write your title, description and social tags with a live Google result preview that measures real pixel width rather than counting characters, plus social card previews.

Robots.txt Generator

Build a robots.txt with per crawler rules, sitemap lines and one click blocking of AI training bots, then test any path to see which rule wins and why.

Box Shadow Generator

Build CSS box shadows layer by layer with a live preview, including the stacked layers that make a shadow look real, inset shadows and elevation presets.

CSS Gradient Generator

Build linear, radial and conic gradients with as many colour stops as you need, and get a warning when two colours will fade through grey in the middle.

Schema Markup Generator

Build valid JSON-LD structured data for eleven schema types, with live validation against what Google actually requires rather than what schema.org merely permits.

Flexbox Generator

Build a flex layout with every container and item property, a live preview you can edit item by item, and warnings for the properties that silently do nothing.

Border Radius Generator

Shape corners with the full eight value border radius syntax, generate organic blobs, and see when the browser is silently scaling every corner down.

Number Base Converter

Convert between binary, octal, decimal, hexadecimal and any base from 2 to 36, with two complement bit patterns at 8, 16, 32 and 64 bits, computed with BigInt so nothing loses precision.