Tools
Small utilities I've built for my own development workflow — open for anyone to use.
Instant placeholder text, beyond Lorem Ipsum
Generate realistic dummy content for wireframes, prototypes, and mockups. Supports multiple tones, lengths, and formats — no more Lorem Ipsum.
Catch crawl-blocking mistakes before Google finds them
Paste a site URL to fetch its robots.txt and sitemap.xml, then flag syntax errors, accidental crawl blocks, and malformed sitemap entries.
See where Google actually truncates your title & description
Paste a URL or type your own title and description, and check the real pixel-width truncation point Google uses, not a rough character count.
Generate valid JSON-LD for Article, Product, FAQ & Organization
Fill in the fields and get a ready-to-paste JSON-LD script tag. Covers the schema.org types that unlock rich results in Google Search.
Drag a visual cubic-bezier curve and copy the CSS
Shape a cubic-bezier() curve by dragging its two control points, preview the motion live, and copy the transition CSS when it feels right.
WCAG AA/AAA contrast ratio checker
Pick two colours, get the contrast ratio, and see instant pass/fail badges for normal text, large text, and UI components across WCAG AA and AAA levels.
Explore Flexbox and Grid layouts interactively
Toggle between Flexbox and Grid, tweak properties, and watch the layout update live. Copy the generated CSS when you're done.
Convert between px and rem instantly
Type a value, pick a direction, set your base font size — get the result and a full reference table of common conversions. No sign-up required.
Build and animate CSS gradients visually
Create linear, radial, and conic gradients with a live editor. Add colour stops, animate with flow, spin, or hue-shift effects, and copy the full CSS in one click.
See how your page looks when shared
Paste any URL to instantly preview how it appears on X, LinkedIn, Slack, and Google. Edit the meta tags live and copy the HTML snippet.