Loading effect…
Loading preview…
3d · react · free
Interactive Working Volumes bookshelf — seven authored books with orbit, inspect, and page-turn (shared three, DPR-capped, off-screen pause).
.bookshelf,
.bookshelf__canvas {
display: block;
width: 100%;
height: 100%;
}
.bookshelf {
position: relative;
container-type: inline-size;
overflow: hidden;
background: #171a24;
outline: none;
}
.bookshelf__canvas {
position: absolute;
inset: 0;
opacity: 0;
touch-action: none;Interactive Working Volumes bookshelf ported from [threeui](https://threeui.com) BookshelfScene.
Seven authored volumes with orbit, inspect, and page-turn. Runs on the same shared `three` as the rest of znverse (no three165 pin).
pnpm add threesrc/ and vendor/bookshelfRenderer.js into your project.<BookshelfScene /> in a full-size container (width/height: 100%).apps/preview only — the catalog never executes WebGL.vendor/bookshelfRenderer.js is the authored scene logic; addons come from three/addons/*.threeui/src/shaders/bookshelf/ (adapted off the 0.165 pin for long-term maintainability).