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 VSCode as my text editor, with the Tokyo Night theme and Operator Mono as my typeface of choice.
- Arc 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 | Mac OS |
| Browser | Arc Browser |
| Keyboard | Built in keyboard |
| Mouse | Apple Magic Trackpad |
| Laptop | Macbook Pro 15″ |
| Headphones | Oraimo SpaceBuds |
| Microphone | Built in microphone |