nightshelf

A one-screen website for a fictional storybook collection, "Nightshelf — A Library Above the Clouds", rendered live in three.js over an evening sky. Sixteen square cloth-bound storybooks stand on a slowly turning wheel like the rays of a sun, each with an AI gouache cover illustration and typography painted in code. Scroll, use a trackpad or swipe to turn the wheel; it snaps book by book, and the book in the light slides out of the ring while its neighbours fan away, with a collision check that keeps them from touching. The title, author, description and tags swap with a staggered, line-by-line reveal. Hover lifts and lights the book, a click takes it out of the wheel: it arcs towards you, the cover swings open on its hinge, the page block reacts and you leaf through a frontispiece, a title page with a vignette, four pages of the real opening chapter (verbatim from public-domain editions) and a colophon, each page turn a procedural paper bend that curls from the lower corner. Previous and Next buttons, the arrow keys or a click on either half turn the pages, and closing flies the book back into its exact slot. On phones one page is in view and the camera follows the turning leaf. Includes twinkling stars with a shooting star every few seconds, pointer parallax, a sky that dims while reading, an All books list that glides the wheel to any book, About and Order panels in frosted glass, an ambient evening track with synthesised paper sounds and an animated sound toggle, a loader and keyboard control.