About James Warner
Introduction

Hey 👋 I'm a web-focused design engineer, living nearby London.
You can find me occasionally streaming design/dev work on Twitch / JMSWRNR.
I'm working at Sanity on the Media Library team, focused primarily on front-end software engineering. I've previously worked at LEGO on digital experiences, UI components and content delivery systems, and at EA doing application security analysis on a red team.
My fascination with computers began in my early teens, where a passion for reverse-engineering and web design sparked my journey into making and breaking all things digital.
I deeply value craft and enjoy blending motion, interaction, and accessibility to create intuitive and visually engaging user experiences ✨
Personal Interests
- ☕Brewing coffee
- 🌱Horticulture
- 🍳Cooking & fermentation
- 🎸Playing guitar
- 👾Pixel art & video game design
- 🏠Home automation
Code Editor
Right now I'm using:
- Cursor (My Preference)
- JetBrains Mono Font
- Dracula Pro 2 Theme
Software
I'm also curating this list of Design Engineer Tools!
I'm frequently asked about the tools and technologies I use, so here are some lists!
My preferred web tech:
- React - UI Library
- Vite - Front-end Tooling
- Node.js - JavaScript Runtime
- Sanity - Headless CMS & CDN
- Vercel - Static / Serverless Deployment & CDN
- Cloudflare R2 - Cloud Storage
- Cloudflare Registrar - Domains
- Plausible - Analytics
I also use:
- Next.js - React Web App Framework
- TypeScript - Typed Superset of JavaScript
- Zustand - React State Management
- Three.js - 3D Graphics Library
- GROQ - Graph Relational Object Queries
- MongoDB - NoSQL Database
- MongoDB Atlas Serverless - Serverless Hosting for MongoDB
- Electron - Desktop App Framework
- electron-vite - Use Electron with Vite Tooling
Tools:
- Brave - Web Browser
- Figma - Interface Design
- Trello - Todo / Management
- Parsec - Remote Desktop
- Color.review - Color Contrast Review
- RegExr - Visual Regular Expression Tester
- JWT.io - JSON Web Token Debugger
- Blender - Open-source 3D Tool
- Aseprite - Animated Sprite Editor & Pixel Art
- Unity - Game Engine
- ShareX - Screen Capture & Productivity
- OBS Studio - Broadcasting Software
- Spotify - Music Streaming
- TrueNAS Scale - NAS OS
- Home Assistant - Home Automation
Reading List
Some books I like and recommend!
Career & Practical:
Food & Drink:
Gardening:
Biographies:
Art & Video Games:
The Amazon links on this page may contain affiliate tags. As an Amazon Associate I earn from qualifying purchases. This helps financially support my content creation!
Hardware
Office Setup:
- ASUS ROG Swift PG279QM - 27" Main Monitor
- LG 27GP850-B - 27" Secondary Monitor
- Ergotron LX Dual Stacking Arm Black - Vertical Monitor Stack
- Wacom Cintiq Pro 24 - Display Tablet
- Herman Miller Embody Rhythm Black - Office Chair
- Fully Jarvis L-Shaped 200x160cm Black (Discontinued) - Sit/Stand Desk
- Razer Viper V3 Pro - Mouse
Custom Workstation PC:
- AMD Ryzen™ 9 5950X - CPU
- Lian Li O11-D XL - Case
- Gigabyte X570 Aorus Xtreme (rev 2.0) - Motherboard
- Samsung 980 PRO 2TB NVMe - SSD
- Corsair AX1600i - PSU
Custom Keyboard:
- GMK Dracula - Keycaps
- hineybush h87a - PCB
- Tealios V2 - Switches
- Gateron Milky Tops
- Gateron Blue Springs
- Krytox 205g0 Lube
- GMK Screw-in Stabs Clipped & 205g0
- White PBT Plate
- Stainless Steel Weight
Audio Gear:
- Yamaha HS8 - Studio Monitors
- MOTU M4 - Audio Interface
- CrinEar Reference - IEMs
- Shure SM7B - Microphone
- DM1 DYNAMITE - Inline Microphone Preamp
Camera Gear:
- Sony a7 III - Camera Body
- Sony a7R II - Camera Body
- Sonnar T* FE 55mm F1.8 ZA - Main Lens
- Sony FE 24mm F1.4 GM - Wide Lens
- 5x Azure Kinect Developer Kit - Spatial Computing Camera
- Elgato Cam Link - Capture Device
- Blackmagic Intensity Pro - Capture Device
Guitar Gear:
- Godin ACS SLIM Nylon Natural SG - Guitar
- Neural DSP Quad Cortex - Guitar Pedal (Modeler)
- BOSS GM-800 - Guitar Pedal (Synthesizer)
- LEHLE DUAL EXPRESSION - Guitar Pedal (Expression)