Uses
The actual setup.
No affiliate links, no aspirational tools I opened twice. This is what the work is genuinely made with, including this site.
Design
01- Figma
- Everything starts here. Auto-layout and variables do the heavy lifting.
- Blender
- 3D renders and product visuals when flat won't carry the idea.
- SF Symbols
- Icon reference, even for web work.
Build
02- Next.js
- App Router. Server components by default, client only where it earns it.
- React
- The whole site is React 19.
- TypeScript
- Strict mode, no exceptions.
- Tailwind CSS
- v4. Design tokens in CSS, not a config file.
Motion
03- Framer Motion
- Every transition on this site. Scroll-driven values over timelines.
- Lenis
- Smooth scrolling, disabled for anyone who asks for reduced motion.
- GSAP
- When a timeline genuinely beats a spring.
Ship
04- VS Code
- Plus Claude Code in the terminal for the unglamorous parts.
- Vercel
- Preview deploys per branch.
- Raycast
- Clipboard history alone justifies it.