INSPIRATIONS INFINITE CANVAS

PRODUCT DESIGN — 2026

YEAR: 2026
SKILLS USED: PRODUCT DESIGN, WEB DEVELOPMENT, 3D RENDERING
CATEGORY: PRODUCT DESIGN
HUMAN VERSION: MARTINDIZ.COM/PROJECTS/INFINITE-CANVAS

A PERSONAL INFINITE CANVAS OF THE THINGS THAT INSPIRE ME, STREAMED LIVE FROM PINTEREST INTO A TRUE 3D SPACE YOU FLY THROUGH INSTEAD OF SCROLL. TRY IT LIVE AT MARTINSINFINITECANVA.VERCEL.APP.

At a glance

∞ — INSPIRATIONS, EVENTUALLY

TODAY IT STREAMS A CURATED SET OF MY OWN PINTEREST PINS. THE STREAMING ARCHITECTURE IS ALREADY BUILT TO KEEP PULLING RELATED PINS OF RELATED PINS WITH NO END, SO THE CANVAS CAN GROW INTO SOMETHING THAT NEVER ACTUALLY HAS AN EDGE.

What I did

NO BRIEF, NO CLIENT, NO PROBLEM TO SOLVE: I WANTED A PLACE TO KEEP WHAT INSPIRES ME, ARCHITECTURE, PRODUCT SHOTS, POSTERS, WHATEVER CATCHES MY EYE, IN A FORM CLOSER TO HOW IT ACTUALLY SITS IN MY HEAD THAN A PINTEREST BOARD OR A FOLDER OF SCREENSHOTS.
MOST ‘INFINITE CANVAS’ CODE THAT COMES OUT OF AN AI MODEL IS NOT ACTUALLY INFINITE, IT IS A GRID THAT REPEATS OR QUIETLY HITS AN EDGE. GETTING A REAL ONE TOOK A FEW REBUILDS OF THE CORE ARCHITECTURE UNTIL PANNING AND ZOOMING HELD UP AT ANY DISTANCE, IN ANY DIRECTION, WITHOUT SEAMS.

Real 3D, not a fake zoom

THE CAMERA MOVES THROUGH AN ACTUAL THREE.JS SCENE ALONG ITS Z AXIS, SO ZOOM IS REAL CAMERA MOVEMENT THROUGH SPACE RATHER THAN A 2D SCALE TRANSFORM. CELLS STREAM IN AND LOAD THEIR IMAGES AS THE CAMERA NEARS THEM, AND UNLOAD ONCE IT MOVES ON, SO THE SCENE NEVER HAS TO HOLD MORE THAN WHAT IS ACTUALLY CLOSE BY.

PINTEREST SERVES IMAGES FINE TO A PLAIN IMAGE TAG BUT WITHHOLDS THE CORS HEADER WEBGL NEEDS TO USE THEM AS TEXTURES, SO A SMALL SAME-ORIGIN PROXY RELAYS THE BYTES INSTEAD, SAME PIXELS, JUST FROM AN ORIGIN THE BROWSER WILL TRUST.

Result

A CANVAS THAT ALREADY READS AS ENDLESS: PAN OR ZOOM IN ANY DIRECTION AND THERE IS NO REPEAT, NO EDGE, NOTHING TO RUN INTO. LIVE AT MARTINSINFINITECANVA.VERCEL.APP.