Uses

The Uses page, where I pull back the curtain to reveal the tools and technologies that power this projects. Here, you'll find a curated collection of the software, frameworks, and resources that have been instrumental in bringing this idea to life. From cutting-edge development platforms to tried-and-true design software, each tool has played a vital role in shaping this project.

Development

I use Kiro as my text editor, with the Dark+ theme and Operator Mono as my typeface of choice.
Dia 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 building and testing UI components in isolation I use Storybook. Check out the storybook for this website.

System

Desktop	iMac 21″
Operating system	macOS Tahoe
Browser	Dia
Keyboard	Apple Magic Keyboard
Mouse	Apple Magic Trackpad
Laptop	Macbook Pro 14″
Headphones	Apple Airpod Max