Skip to main content

Uses

A somewhat comprehensive list of tools, apps, hardware, and more that I use on a daily basis to design and code things.

Design

  • Figma is my primary tool for UI design these days. Made the switch from Sketch in 2020 and haven't looked back. Check my portfolio a few projects that i did in the web2 and web3 space.
  • Any motion graphics I create are created in Adobe After Effects. So far I haven't found a non-Adobe product that's as good. If anyone has suggestions please message me.
  • For any 3D models and video editing I use Blender. Since 2.8 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 Cursor as my text editor, Cursor is the best way to code with AI.
  • Firefox is my main browser for both development and general use.
  • React is my front end Javascript library of choice. The component-centric mental model is the first thing that truly made sense to me as a designer.
  • For 3D effects and image shaders I use three.js. It has a bit of a learning curve but you can do some really powerful stuff with it.
  • For CSS I've used a myriad pre-processors and css-in-js solutions like styled-components, but these days I'm using vanilla CSS with PostCSS to get upcoming CSS features today.
  • For Javascript animations I use Framer Motion, it's a great way to add spring animations to React and three.js.
  • For Designing Illustrations I use Adobe Illustrator, and Figma.

System

DesktopASUS ROG Strix G16CH-1370KF0960
Operating systemIntel Core i7-13700KF
BrowserFirefox
MonitorROG Swift OLED PG27UCDM
KeyboardApex Pro Gen3
MouseRazer Viper Ultimate
LaptopAsus ROG Zephyrus G14
HeadphonesAirpods Air
MicrophoneBlue Yeti