I made this Three.js bookshelf inspired by the Stripe Press site. It scrolls horizontally, and you can open each book and flip through the pages.
It took quite a few prompts to get the textures and small details right.
I’m open-sourcing the code and prompt.
Demo:
GitHub:
Inspiration:
You can give ChatGPT a photo of an empty bookshelf and ask it to fill the shelves with real books based on what it knows about you.
Kinda fun that image gen is so good now!
Grokipedia’s design is genuinely impressive.
Seeing everything laid out like a bookshelf gives this warm, motivating feeling to start reading. Love it.