Krishnagangwal
Featured
CS-Fundamentals
A curated collection of Computer Science fundamentals (PDFs, notes, cheatsheets, interview question banks) for placement preparation, covering seven core subjects plus general resources.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It packs a polished, editorial-quality 3D book experience into a single index.html with no framework or build step, and it includes a PROMPT.md specifically designed for AI-assisted remixing.
Who it is for
- Three.js/WebGL developers
- Interactive designers and creative front-end engineers
- Developers experimenting with AI coding agents such as Codex, Cursor, and Claude Code
- Designers interested in 3D book or editorial-style product showcases
Use cases
- As a starting point for AI-agent-driven remixes via PROMPT.md
- As a reference implementation for deterministic shelf-to-detail 3D transitions
- As a reusable Three.js pattern for detailed book or product inspection experiences
- As a portfolio piece for interactive WebGL design and procedural textures
Strengths
- The entire experience lives in one HTML file, requiring no install or build step
- Detailed hardcover construction includes boards, spine, hinges, endpapers, page block, headbands, bookmark, foil, and contact shadows
- Accessible HTML controls and status announcements are layered over the WebGL scene
- Deterministic transitions avoid last-frame jumps when reparenting a book into the inspection view
Considerations
- Requires an internet connection for pinned Three.js modules and the Inter font
- The single-file architecture may be harder to maintain for teams expecting modular structure
- Limited to seven books and a small set of curved page interactions, with no backend, analytics, or MCP integration by design
README quick start
The Complete Shelf
An original, interactive Three.js library of seven clothbound hardcovers. Browse the continuous shelf, pull a volume into a responsive detail view, orbit the binding, and drag through a small set of physically curved pages.
View the live experience · Read the build prompt
The collection is organized around seven tools for modern creative work:
- Codex
- Claude Code
- Cursor
- Antigravity
- Figma
- Framer
- Xcode
What is inside
- A continuous seven-volume shelf navigated with the wheel, arrow keys, buttons, or position markers.
- Detailed hardcover construction with separate boards, spine, hinges, endpapers, page block, headbands, bookmark, foil, and contact shadows.
- Responsive inspection mode with orbit, pan, zoom, hover-to-crack-open, click-to-open, and drag-to-turn page interactions.
- Book-specific color systems that recolor the scene and editorial detail layout.
- Procedural cloth, foil, paper, page-edge, wood, roughness, normal, and shadow textures.
- Deterministic shelf-to-detail transitions with exact endpoints so reparenting the selected volume never produces a last-frame jump.
- Accessible HTML controls and status announcements layered over the WebGL scene.
How it is made
The entire experience lives in index.html: markup, responsive layout, shaders and materials, book geometry, interaction state, animation, and embedded image atlases. There is no framework, bundler, backend, analytics layer, Mint dependency, or MCP call in the browser.
The render stack uses Three.js with physically based materials and OrbitControls. Cover and wood artwork are stored as embedded WebP atlases; supporting surface detail is generated at runtime with canvas textures. Each book is assembled from reusable geometry, while the front cover and pages use hinged groups and segmented meshes for curved page-turn motion.
Interaction is managed as a small state machine:
shelf -> opening detail -> closed inspection -> open book -> closing -> shelf
Camera, book, shelf, and view-offset transforms share deterministic eased timelines. This keeps the animation continuous when a book moves between the shelf and inspection scene graphs.
Build or remix it with an agent
Start from PROMPT.md, attach a visua
Description
An original single-file Three.js library of seven interactive clothbound hardcovers.
Related repositories
Similar projects matched by category, topics, and programming language.
xiejunjie524
Featured
handdraw-story-video
A tool that converts 7–9 hand-drawn story keyframes into a 35–45 second vertical video with progressive line art and color animation, configurable via JSON and renders with HyperFrames and GSAP.
gnipbao
Featured
story-to-handdrawn-video
A Remotion-based tool that converts Chinese story text or ordered hand-drawn images into vertical hand-drawn diary-comic animation with handwritten captions, left-to-right reveals, optional page-curl transitions, and silent H.264 output for post-production dubbing.