Loading effect…
Loading preview…
3d · react · free
Interactive Singapore paper sketchbook with CSS 3D page curls, drag, zoom, and magnifying glass (ported from threeui).
.sketchbook,
.sketchbook__frame {
display: block;
width: 100%;
height: 100%;
}
.sketchbook {
position: relative;
overflow: hidden;
background: #ece7dc;
min-height: 100%;
}
.sketchbook__frame {
border: 0;
opacity: 0;
background: #ece7dc;
}
Interactive Singapore paper sketchbook from [threeui](https://threeui.com) — nested CSS 3D page curls, drag, tilt, zoom, and a movable loupe.
src/ + vendor/sketchbookDocument.js.assets/ into your app’s public folder as /sketchbook/ (fonts + artworks).<Sketchbook /> in a full-size container (defaults to assetBaseUrl="/sketchbook/").srcDoc iframe (not WebGL).apps/preview/public/sketchbook/.threeui/src/shaders/sketchbook/ + threeui/public/sketchbook/.