paper worlds

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A one-page website, "Paper Worlds — A little flight. A world of wonder.", rendered live in three.js as one continuous painterly scene. The preloader is the sky; when the worlds are built the camera sweeps down out of the clouds onto a wooden table in a sunny meadow, where a folded paper plane rests beside a stack of paper and a pencil. Scrolling flies it: the plane lifts off past a cottage with chimney smoke, threads a gap in the treeline into an enchanted forest with light shafts, ferns, mushrooms and floating motes, slips through a dark stone arch and bursts out over a valley of columnar sky cliffs with waterfalls, a cloud sea, far mountains and gliding birds, before it flies into a cloud bank and the screen turns white. The mouse steers the plane within a bounded offset that shrinks to nothing in the gap, between trunks and inside the arch; the plane banks into curves and flexes its wings, and a chase camera moves through hero, flight, passage and reveal framings on one keyframed track. Light, fog, sky and colour grade blend between three moods by the camera's position, and the world swaps happen while the camera is wrapped in foliage or stone. Every texture is painted in code: brush detail, bark, wood, leaves, shingles and clouds, with wind, moss, rim light, aerial fog, bloom, vignette and film grain. Chapter titles rise and sharpen in for each world, a journey bar with a small plane tracks Meadow, Forest and Sky Cliffs, and the end screen's Start my journey button replays the descent. A ?demo=1 mode plays a 13.6-second cinematic take for reels; ?p= and ?t= freeze stills, ?ui=0 hides the interface and ?q=low lowers the pixel ratio for weaker GPUs.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • preloader
  • intro
  • scroll animation
  • cursor tracking
  • progress bars
  • autoplay
  • film grain

stack

  • react
  • vite
  • typescript
  • three
  • webgl
  • gsap
  • scrolltrigger
  • postprocessing
  • canvas

fonts

Abhaya Libre, Instrument Sans, Host Grotesk

Free fonts, linked in the prompt.

colors

  • #9CC8EA
  • #2C78D4
  • #5D9A2F
  • #1D4A2C
  • #A8774A
  • #FBF6EA

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license