Design & web
tools.
A curated directory of the tools we actually reach for - typography, color, interface design, browser-support reference, and code playgrounds - each with a hands-on review, not an affiliate blurb.
Every tool, reviewed.
- Runs in your browser
Layout Animation Explorer
Scrub between captured layout frames, interpolate component positions, and audit motion at any duration.
Built by Web Design AwardsOpen & read review →What it does- Interpolation between any two layout frames using shared item IDs
- Variable animation duration (150ms to 2000ms) so you can audit at any speed
- Playhead scrubbing for precise frame-by-frame inspection
- TypographyExternal
Fontjoy
A neural-network font matcher that proposes display-and-body pairings in one click.
fontjoy.comRead review → - Interface designExternal
Figma
The browser-based design tool that ate the industry - UI, prototyping, design systems, and dev handoff in one file.
figma.comRead review → - ColorExternal
Color Hunt
A community-curated, four-swatch palette gallery - the fastest way to get unstuck on color.
colorhunt.coRead review → - ReferenceExternal
Can I Use
The browser-support reference for every CSS, HTML, and JavaScript feature shipped on the web.
caniuse.comRead review → - Code playgroundExternal
CodePen
A browser-based front-end playground for prototyping, sharing, and learning HTML, CSS, and JavaScript.
codepen.ioRead review →
Built something worth showing?
These tools help you make the work. When it's ready, nominate it - every entry is scored against the published judging rubric.