flippy.case
× Close window
js-os://work/flippy

Flippy

Your photo, as a pop-up book.

  • Creative Coding
  • Product Design
  • ML

On-device depth slices a moment into paper cutouts you can tilt around. Capture the feeling of being there, not just the pixels.

A photo captures what a moment looked like. Flippy captures what it felt like to stand there.

Point the camera, estimate depth on-device, slice the frame into paper cutouts, and tilt to look around a pop-up book of your own life. Nothing leaves the phone.

Project Overview

Client

Personal · Experimental Web

Industry

AR-adjacent · Creative Coding · Photo

Timeline

Personal build · Solo

My role

Product design · front-end · ML integration

Pipeline

Capture → Depth Anything V2 → FG/mid/BG cutouts → CSS 3D stand-up.

Constraint

On-device only. WebGPU with WASM fallback.

Work

Visual overview

Process boards for the Flippy loop. Drop real device captures into this folder anytime. The live app is the proof.

Reflection

Depth models finally make casual 3D memories feel possible in the browser. Next polish: tighter cutouts, richer paper textures, and a shareable moment format.