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.
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.