The Crit
One real artifact. One clear next move.
A critique and learning system that turns real visual work into specific, prioritized feedback.
Product strategy · UX · UI · Engineering
Shipped products and the decisions behind them. Open one to explore the live work, the interesting constraints, and what changed along the way.
One real artifact. One clear next move.
A critique and learning system that turns real visual work into specific, prioritized feedback.
Product strategy · UX · UI · Engineering
Interactive specimens for practicing design judgment.
A connected collection that turns design principles into things people can inspect, manipulate, and apply.
Strategy · Product · Design · Engineering
Motion-first React components. Spring physics by default.
A copy-paste component library that makes expressive interface motion easier to feel, tune, and ship.
Motion design · UI · Engineering
Turn any image into intentional pixel art.
A browser-based image tool with palette presets, dithering, compare mode, and PNG export—no upload required.
Tool design · UI · Engineering
A calmer way to plan San Francisco with kids.
A source-checked city guide designed around the questions families need answered before they leave home.
Product · UX · Visual system · Engineering
Browser tools and experiments that are useful without needing a full case study.
A type scale that makes sense.
Pick a base size and a musical ratio. Get a complete scale with named tiers, live preview, and CSS or Tailwind output you can paste.
Open toolMake any page feel like 1998.
Type your name, your headline, what you're into. Get back a personal homepage that feels like your dad's GeoCities. <marquee> included.
Open toolFlag the common crimes in your UI copy.
Paste your microcopy. Get back the offenders — lazy CTAs, fluff, corporate jargon, marketing-speak, passive voice. Each flag is a suggestion, not a rule.
Open tool