Web & SEO

Meta tags, sitemaps and CSS playgrounds.

62 tools

.htaccess Redirect Builder Convert a list of old → new URLs into Apache 301 redirect rules.
@font-face Declaration Builder Compose a CSS @font-face rule from family, weight, style and sources.
Anchor Text Distribution Count anchor text frequencies in pasted HTML.
ARIA Reference Searchable list of common ARIA roles, properties and states.
CAA Record Builder Compose CAA DNS records (issue, issuewild, iodef).
Canonical URL Helper Normalise any URL — force https, drop tracking params, sort query.
CSP Builder Compose a Content-Security-Policy header from common directive sources.
CSP Hash Generator Hash an inline script for use in a CSP script-src directive.
CSS Animation Builder Build simple CSS keyframes and animation shorthand values.
CSS aspect-ratio Helper Pick a ratio preset or custom width:height.
CSS Border Radius Generator Compose CSS border-radius (including squircle-style elliptic radii) with live preview.
CSS Box Model Calculator Calculate content, padding, border, margin and rendered CSS box sizes.
CSS Box Shadow Generator Compose box-shadow declarations with live preview.
CSS clamp() Builder Build a clamp() with min/preferred/max from font and viewport range.
CSS Clip Path Generator Generate common CSS clip-path shapes with live preview CSS.
CSS color-mix() Builder Build a CSS color-mix() expression.
CSS conic-gradient Builder Build a CSS conic-gradient — useful for pie charts and dials.
CSS Container Query Builder Scaffold a CSS @container query with sensible defaults.
CSS filter() Builder Visually build a CSS filter() rule.
CSS Flex / Grid Playground Experiment with flexbox and grid container properties live.
CSS light-dark() Builder Compose a CSS light-dark() rule with a color-scheme opt-in.
CSS Logical Properties Reference Map physical CSS properties (margin-left) to logical ones (margin-inline-start).
CSS Media Query Builder Compose responsive media queries for width, orientation and preference features.
CSS scroll-snap Builder Configure scroll-snap-type / scroll-snap-align.
CSS transform Builder Visually build a CSS transform shorthand.
CSS Triangle Generator Pure-CSS triangle with the classic border-trick.
CSS Unit Converter Convert any CSS unit (px, rem, em, %, vw, ex, ch, pt, pc).
Cubic Bezier Curve Editor Design a CSS cubic-bezier() easing function with a live preview.
Favicon Presence Checker Inspect pasted HTML for favicon, apple touch icon and manifest declarations.
Hreflang Generator Generate hreflang link tags for localized page alternates.
HSTS Preload Eligibility Check whether a Strict-Transport-Security header meets the preload-list criteria.
HTML Entity Table Search common HTML entities by symbol, name or numeric code.
iframe sandbox Flag Builder Tick the sandbox flags you want and copy the <iframe> tag.
JSON-LD Schema Generator Generate schema.org JSON-LD for Article, Product, FAQ, Organization and more.
JSON-LD Validator Parse JSON-LD and list every @type/@context entity it contains.
Keyword Density Analyser Analyse word and phrase frequency in any text.
Lazy-load Tag Helper Generate <img>, <iframe> or <video> with lazy-loading attributes.
Link Extractor Extract every link from pasted HTML or text.
meta robots Builder Build a <meta name="robots"> tag from common directives.
Meta Tag SERP Preview Preview how your title and description look in a Google search result.
OpenGraph Tag Generator Generate <meta property="og:*"> tags with a live Facebook-card preview.
Permissions-Policy Builder Compose a Permissions-Policy header from feature + allowlist pairs.
Redirect Chain Tester Follow up to 10 redirect hops and show the full chain.
Referrer-Policy Builder Pick a Referrer-Policy value with a description of what it does.
robots.txt Generator Build a clean robots.txt from user-agents, allow/disallow rules and sitemaps.
robots.txt Validator Lint a robots.txt for syntax and directive order issues.
Schema.org Type Reference Browse common schema.org types with parent and one-line description.
SEO Meta Analyser Parse HTML to audit title, description, canonical, OG, headings and image alt coverage.
Service Worker Template Scaffold an install/activate/fetch service worker.
Set-Cookie Attribute Builder Compose a Set-Cookie header value from name, value, and attributes.
Sitemap Parser Parse sitemap.xml or sitemap index XML.
Sitemap.xml Generator Build a sitemap.xml from a list of URLs.
sitemap.xml Validator Check a sitemap.xml for namespace, URL count and per-URL field issues.
srcset / <picture> Builder Build responsive image markup with srcset and sizes.
Trusted Types Policy Stub Scaffold a Trusted Types policy and the CSP directive that enforces it.
Twitter Card Generator Generate Twitter / X card meta tags with a live preview.
URL Slug Generator Turn any text into a clean, SEO-friendly URL slug.
UTM Builder Build campaign URLs with source, medium, campaign, term and content parameters.
Viewport Tester Compare viewport presets and see which common breakpoints they match.
Web App Manifest Builder Generate a basic manifest.json for an installable PWA.
Web Safe Fonts Browse common web-safe font stacks and copy CSS font-family declarations.
X-Forwarded-* Header Reference Reference for X-Forwarded-For, -Host, -Proto and the RFC 7239 Forwarded header.