znverse

← Sketchbook

Sketchbook

Interactive Singapore paper sketchbook from [threeui](https://threeui.com) — nested CSS 3D page curls, drag, tilt, zoom, and a movable loupe.

Usage

  1. Copy src/ + vendor/sketchbookDocument.js.
  2. Copy assets/ into your app’s public folder as /sketchbook/ (fonts + artworks).
  3. Mount <Sketchbook /> in a full-size container (defaults to assetBaseUrl="/sketchbook/").

Notes

  • Runtime is DOM + CSS 3D inside a sandboxed srcDoc iframe (not WebGL).
  • In znverse, assets are served from apps/preview/public/sketchbook/.
  • Original: threeui/src/shaders/sketchbook/ + threeui/public/sketchbook/.