What I build with. Ten years between design files and the browser. I reach for tools that keep ideas moving: fast to prototype, clean to ship, simple to maintain.
React 01 Interface React Component trees, shared state, and the glue that keeps a product feeling like one surface. Next.js 02 Interface Next.js App Router, server components, and routing that lets a case study play as a sequence. TypeScript 03 Interface TypeScript Types as guardrails. Contracts that catch the silly bugs before a review does. Tailwind CSS 04 Interface Tailwind CSS Utility-first layout with tokens in one place, so the UI stays fast to change. GSAP 05 Motion GSAP Timelines, scroll, and cursor work that feels directed, not bolted on. Lenis 06 Motion Lenis Smooth scrolling with a tuned feel, so the page moves the way the motion on it does. CSS Animation 07 Motion CSS Animation Keyframes for the small states: hover, focus, and the bits GSAP would be too much for. Micro-interactions 08 Motion Micro-interactions Buttons that answer, lists that land, and the little confirms that make a UI feel finished. Figma 09 Design Figma Files that survive a handoff. Auto-layout, components, and specs I can actually build from. UI/UX 10 Design UI/UX Wireframes, flows, and the messy middle: empty states, errors, and the path from first tap to done. Design Systems 11 Design Design Systems Tokens, components, and the rules that keep a product looking like itself at every size. Prototyping 12 Design Prototyping Clickable truth before production. Motion, empty states, and the awkward screens in between. Webflow 13 Platforms Webflow Marketing sites an editor can live in, with the structure still clean when I leave. WordPress 14 Platforms WordPress Themes and blocks for teams that already live there, without fighting the CMS. Strapi 15 Platforms Strapi A headless backend editors can actually use. Content modeled once, served anywhere. Headless CMS 16 Platforms Headless CMS Content decoupled from the page. One source, many surfaces, no theme lock-in. Accessibility 17 Craft Accessibility Keyboard paths, contrast, names, and motion that does not fight the person using it. Performance 18 Craft Performance Less JavaScript, faster paint, images that know their size. The site feels as quick as it looks. SEO 19 Craft SEO Markup search can read. Titles, structure, and pages written for humans first. Testing 20 Craft Testing The paths that matter get a check. Not coverage theater, just fewer surprises after ship.
( 20 cells, one toolkit. Tap a cell ) ( 20 cells, one toolkit. Sweep the grid )
( Always learning )
