Scroll-through 3D art gallery hall (Three.js)
Scroll to walk a softly lit gallery hall of generative paintings with a mirror-polished floor; hover a work to lift it off the wall and read its label.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a light landing page for a [VENUE TYPE, e.g. contemporary art gallery] where scrolling walks you through a 3D hall of paintings. Brand: [NAME] — exhibition [EXHIBITION NAME], [DATES] Headline: [LINE 1] / [LINE 2, italic] Works: [16 TITLES + FICTIONAL ARTISTS + YEARS] Technical rules - One file. Three.js 0.160 from a CDN import map, no other libraries, no images. Google Fonts allowed (e.g. Newsreader + Hanken Grotesk).
The full prompt comes with the course
All 55 prompts in the library are part of the Vibewrights course. Enrollment opens in January 2027 — join the waitlist to get the founding-member price.
See what's includedWhat you'll get
- ✓A scroll-driven camera walk with inertia through a 3D hall
- ✓Sixteen unique paintings generated on canvas, no images
- ✓A polished floor reflection from a mirrored render pass
- ✓Hover-to-lift works with museum wall labels
How to use it
- 1Replace everything in [BRACKETS] with your own product, copy and colors.
- 2Paste it into Claude Code, Cursor, Lovable or Bolt and open the page in Chrome.
- 3Compare with the live demo, then tune one thing at a time.
— From the course
You'll build this end-to-end in Module 2, with a step-by-step video walkthrough and AI feedback on your project.
