Scroll-driven hyperspace tunnel
A light-speed tunnel that accelerates as you scroll, with story panels that fly out of the vanishing point and an arrival into pure light.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a scroll-driven landing page for [PRODUCT NAME] where the visitor travels through a hyperspace tunnel — the further they scroll, the faster they go — and arrives in pure light at the end. Product: [WHAT IT DOES IN ONE SENTENCE] Story: [HERO HEADLINE] + 3 feature panels [TITLE + ONE LINE EACH] + a final call to action Palette: [e.g. near-black #020109, violet #8b5cf6, cyan #22d3ee] Technical rules
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 hyperspace shader whose streaks stretch with speed
- ✓Speed driven by scroll position and scroll velocity
- ✓Panels that zoom and blur in from the tunnel
- ✓A white 'arrival' ending and a live velocity readout
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 3, with a step-by-step video walkthrough and AI feedback on your project.
