Design System & Component Library
Archetype DS
60+ production-ready primitives with dark-mode token support, Storybook-driven docs, and full TypeScript inference. Adopted across three internal products.
Selected projects from five years of building for the web — from e-commerce platforms and real-time dashboards to open-source tooling and developer education.
E-commerce Platform
A high-performance storefront serving 200k+ monthly visitors with real-time inventory, personalised recommendations, and sub-second LCP. Built for scale at twnty Digital with a micro-frontend architecture.
Design System & Component Library
60+ production-ready primitives with dark-mode token support, Storybook-driven docs, and full TypeScript inference. Adopted across three internal products.
Real-time Analytics UI
Configurable analytics board with live WebSocket feeds, responsive D3.js visualisations, and a drag-and-drop layout engine. Handles 50k events per second.
Project Scaffolding Tool
Zero-config CLI that bootstraps React and Next.js projects with opinionated structure, ESLint, Prettier, and husky hooks in under 10 seconds.
Developer Education Platform
Interactive platform for front-end architecture courses: live code sandbox, progress tracking, and community forums. 100+ active learners enrolled.
Internationalisation Library
1.4 kB (gzip) i18n library for JavaScript with ICU-message-format pluralisation, lazy-loading, and full TypeScript inference on translation keys.
Chrome Extension
Browser extension that surfaces component render counts, prop diffs, and state snapshots for React apps in production — React DevTools for the wild.
Like what you see?
Open to interesting projects and conversations about tech, architecture, or teaching.