Tool Open source
The Complete Shelf is a single-file Three.js interactive library containing seven clothbound hardcover volumes themed around Codex, Claude Code, Cursor, Antigravity, Figma, Framer, and Xcode. Users navigate a continuous shelf with wheel, keyboard, buttons, or position markers, then move a volume into a responsive detail view with orbit, pan, zoom, hover-to-open, and curved page-turn interactions. Each book is assembled from reusable geometry with separate boards, spine, hinges, endpapers, page block, headbands, bookmark, foil, and contact shadows; procedural textures and book-specific color systems drive the materials and scene. A small state machine coordinates deterministic shelf-to-detail transitions, while accessible HTML controls and status announcements overlay the WebGL scene. The entire experience is contained in index.html, including layout, shaders, geometry, interaction logic, embedded image atlases, and audio; it uses Three.js and has no backend, bundler, analytics layer, or browser-side API calls.
1 use taken from transcripts — each links to the moment in the video.
An interactive seven-volume library contained in one HTML file, with procedurally built books, orbit controls, curved page turns, continuous shelf-to-detail transitions, and accessible HTML controls.
1 in the library.