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 for UI/UX and design systems. It’s part of my regular workflow.
Canva for quick social assets, presentations and lightweight visuals.
n8n also plays a role in design automation — generating, processing and routing assets across tools.

AI-first workflow: Cursor as main editor, GPT-based agents for problem solving,n8n for automation, and custom agentic pipelines for experimentation.
Classic stack: VS Code, Postman, Git, Github, Node.js and Maven, Spring Boot for standard projects.
Chrome is my main browser for both development and general use.
Frontend: Vue.js (current) and 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 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.
Backend: Java + Spring Boot, REST APIs. Databases: PostgreSQL, MSSQL and MySQL, MongoDB as needed.
For Javascript animations I use Framer Motion, it’s a great way to add spring animations to React and three.js.
Self-hosting stack: Docker + Compose, Portainer, Nginx, Cloudflare (tunnels, DNS, SSL), and WG for VPN.
Self-hosting stack: Docker + Compose, Portainer, Nginx, Cloudflare (tunnels, DNS, SSL, VPN).

Desktop / Server	Custom built /Docker Stock /Ubuntu server
Server OS	Ubuntu Server 24.04 LTS
Laptop	MacBook Pro (M3 Pro) • Secondary: HP Pavilion x360 14-dy1600nz
Laptop OS	macOS Sequoia 15 • Windows 11 via Parallels
Browser	Chrome , Firefox , ARC , Zen
Monitor	External displays (FHD/2K mix, multi-setup as needed)
Keyboard / Mouse	Wireless portable set (focus on mobility) & MX Mechanical & MX Mechanical mini
Mouse	Logitech MX Master3S
Laptop	Macbook Pro 14″
Headphones	Sennheiser 450BT/Apple Airpods
Microphone & Camera	Logitech C920