Back

Screenshot

App screenshot: WebGPU Transitions

ProjectWebGPU Transitions

Description

A WebGPU page-transition demo: one GPU scene stays alive across routes, so images are not rebuilt on navigation. Gallery is a case carousel; Float is a spatial index you can drag to orbit. Opening a case morphs the preview into the full view. The scene uses Three.js WebGPURenderer and TSL, the UI is Vue 3, DOM motion is GSAP. Requires a browser with WebGPU (Chrome or Edge).

Stack

  • Vue 3
  • Vite
  • Three.js WebGPU
  • TSL
  • GSAP