Uses
A somewhat comprehensive list of tools, apps, hardware, and more that I use on a daily basis to design and code things. The tropical scene in the background sets the vibe.
Design
- Figma is my primary tool for UI design these days. Made the switch from Sketch in 2020 and haven't looked back.
- The Adobe suite covers most of my creative workflow — Photoshop for image editing and compositing, Illustrator for vector work, After Effects for motion graphics, and Lightroom for photo management and grading.
- For any 3D models I use Blender. Since 5.1 it's become way simpler to use and in a lot of ways better than expensive paid tools like 3DS Max or Maya.
Development
- I use Antigravity as my AI-powered coding environment — it's replaced VS Code as my primary editor for building this site.
- Chrome is my main browser for both development and general use. DevTools is an indispensable part of my workflow.
- Next.js and React 19 are my front end frameworks of choice. The component-centric mental model is the first thing that truly made sense to me as a designer.
- I write everything in TypeScript. It helps catch bugs early and makes the codebase far more maintainable over time.
- For styling I use vanilla CSS Modules with PostCSS (via
postcss-preset-env) to use upcoming CSS features today — no css-in-js needed. - For 3D scenes I use three.js directly and @react-three/fiber as a React renderer for declarative 3D — powering the interactive backgrounds and canvas effects on this site.
- For animations I use GSAP with ScrollTrigger for timeline-driven scroll animations, and Framer Motion for React spring animations and page transitions.
- For smooth scrolling I use Lenis, synced with the GSAP ticker so scroll and animations stay perfectly in sync.
- Typography is loaded via next/font/google using the Inter typeface — optimised for clean, legible body text.