Two CSS calculators and three UI snippets
New px↔rem and aspect-ratio tools, plus pure-CSS animated underline, tooltip and accordion snippets.
A fresh batch landed — two everyday CSS calculators and three copy-paste UI patterns, all running in your browser with zero JavaScript on the page.
Tools
- CSS unit converter — convert px, rem, em, pt and % against a root font size you control, and copy any unit.
- Aspect ratio calculator — solve a missing
width or height for a ratio, or reduce any size to its smallest ratio, with a
ready
aspect-ratiorule to copy.
Snippets
- Animated underline link — an underline that sweeps in on hover, drawn with a background gradient.
- CSS-only tooltip — a hover/focus tooltip fed from a
data-attribute, no JavaScript. - CSS-only accordion — a styled
<details>disclosure with a rotating + marker.
Pair the unit converter with the aspect-ratio box snippet for proportional, accessible layouts. Now at 35 tools and 28 snippets — browse tools, snippets, or subscribe via RSS.