Skip to content
mdr
Ghent · Belgium

Mattias De Ridderdesigns and buildsinterfaces.

Software engineer with a UX background — interface and brand design on one side, production code on the other. Ten years across eCommerce, agricultural tech and AI tooling, now at Esko. The site is a working archive: design, code, games, brands, and notes from in between.

See the work Play a gameAbout
Next.jsReact 19TypeScriptThree.jsPhaserPostgreSQLSupabasepgvectorMCPInngestTailwindFramer MotionGSAPLenisElectronRustDockerFastAPIOpenAIDrizzleNext.jsReact 19TypeScriptThree.jsPhaserPostgreSQLSupabasepgvectorMCPInngestTailwindFramer MotionGSAPLenisElectronRustDockerFastAPIOpenAIDrizzleNext.jsReact 19TypeScriptThree.jsPhaserPostgreSQLSupabasepgvectorMCPInngestTailwindFramer MotionGSAPLenisElectronRustDockerFastAPIOpenAIDrizzle

Five domains

I work across five domains most developers keep separate.

Design & Brand

UX / UI, design systems, brand identity and merch. Ten years of research, interface craft and storytelling.

Web

Production Next.js / React sites for clients and personal products.

Games

Browser games — Phaser, Three.js, Next.js. Cylindrical Tetris, dreamscapes, arcade rebuilds.

AI / Agents

Personal AI OS, MCP integration patterns, multi-agent runtimes. Audit-logged, deterministic.

Tools

Desktop and dev tools. Windows process inspector, CLIs, MCP servers.

Design & brand

The other half of the job: research, interface craft, identity.

Ten years of UX and UI before and alongside the engineering — user research, design systems, and multi-market interface work. Plus the brands I run end to end: identity, art direction, merch and the storytelling that carries them.

Design case studies Brand reports
Smartphoto group — multi-market eCommerce cover
ecommerce2022 under NDA

Smartphoto group — multi-market eCommerce

Four years in-house on front-end and UX for the group's public storefront — photobooks, prints and personalised gifts — across European markets.

Front-end developer · UX / UI

UXUISearcheCommerceMultilingualReact
Read case study
Pedri — artist portfolio platform cover
art2025

Pedri — artist portfolio platform

A multilingual gallery and custom CMS for painter Peter 'Pedri' De Ridder — an editorial, art-first site the artist runs entirely himself.

Designer + engineer

UXUIArt directionNext.jsSupabasei18nAccessibility
Read case study
Beukenhaag.be — my first commercial website cover
ecommerce2019

Beukenhaag.be — my first commercial website

The 2019 site for a Belgian beech-hedge grower — my first client website. A full-bleed hero, three clear products, and a lead-gen funnel, revisited honestly.

Designer + front-end · first commercial site

Web designFront-endUXLocal SEOResponsive
Read case study

Brands

What Lies Beyond ThoughtChicNordiqueChewOnTeesforgotmyflipflopsMTeesarchived

13 playable

Nothing to install. Click a tile and play.

Cylindrical Tetris in Three.js, a Phaser shooter, and arcade and puzzle rebuilds in React — all statically exported and embedded here.

All 13 games
Oxo screenshot

Oxo

Neon Tic-Tac-Toe with a minimax AI and pass-and-play.

Play
3D Tetris (CyTris) screenshot

3D Tetris (CyTris)

Cylindrical Tetris. Ring-clear algorithm in Three.js.

Play
Snake screenshot

Snake

Neon snake with combos, golden apples and rising speed.

Play
Pong screenshot

Pong

Neon paddle duel versus a tunable AI, with rally spin and speed.

Play

Selected

A few things worth a closer look.

Screenshot of JANE
beta2026

JANE

A personal AI operating system. Deterministic workflows, append-only audit logs, voice UI.

Next.js 16TypeScriptPostgreSQLpgvector+3
Read case study
Screenshot of 3D Tetris
prototype2025

3D Tetris

Classic Tetris, wrapped around a cylinder. Five game modes, ring-clear algorithm, accessible from keyboard alone.

Next.js 16React 19TypeScriptThree.js
Read case study
Screenshot of MCP Todo FlowLive
live2025

MCP Todo Flow

Reference implementation for how an AI agent, an MCP server, a REST API, and a UI share state in production.

TypeScriptMCP SDKReactVite+3
Read case study Visit the live site
Screenshot of PedriLive
live2025

Pedri

Multilingual artist portfolio with a custom CMS, an artist-run dashboard, and WCAG accessibility scoring gated in CI.

Next.js 16SupabaseNextAuthLexical+3
Read case study

Client work — shown with permission.

 Visit the live site