Skip to main content

More about me

A somewhat comprehensive list of tools, apps, hardware, and more that I use on a daily basis. And yeah, that is a Johnny Mnemonic GIF in the background.

Design

  • Figma is my primary tool for UI design these days. Made the switch from Sketch in 2022 and haven’t looked back.
  • For any 3D models 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 Visual Studio Code as my text editor, with the Atom One Dark theme and Operator Mono as my typeface of choice.
  • Google Chrome 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 it is really powerful.
  • 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, since it’s a great way to add spring animations to React and three.js.
  • For building and testing UI components in isolation I use Storybook

Hardware

CPUAMD Ryzen 3200G
GPUMSI Gaming X Trio RTX 3080
MemoryGSkill 16GB DDR4 3600mhz CAS 18
MotherboardMSI B550 Tomahawk
Monitor1440p IPS 144hz LG 27GL850
Keyboard LESHP Backlit Keyboard
MouseLogitech G203
LaptopMacbook Pro 13.3″ (2021 M1)
HeadphonesSoundcore Anker Life Q20 Hybrid Active
MicrophoneFifine 669