Interactive fireworks over a lake (WebGL)
Click or tap the sky to launch peony, willow, ring and crackle shells, with glowing trails, bloom and rippling lake reflections, on a festival page.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a night-time page for [FESTIVAL / EVENT] where visitors click or tap the sky to launch fireworks over a lake, with an automatic show when nobody is clicking. Event: [NAME] — [DATES] · [PLACE] Headline: [LINE 1] / [LINE 2, gradient] Lineup: [3 DAYS × HEADLINER + 2 ACTS], pass [FROM $X] Technical rules - One file. Plain WebGL with a few small shader programs, no libraries or images. Google Fonts allowed (e.g. Unbounded + DM Sans + JetBrains Mono).
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 CPU particle system with gravity and drag
- ✓Fading trail buffers, bloom and burst lighting
- ✓Rippling water reflections in a single pass
- ✓Click-to-launch, a shell picker and an auto-show
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.
