systemIncluded in Vault

Alder & Arc

Build a quiet, meadow-led 3D landing page where better ideas have room to arrive.

A self-contained Three.js landing-page source drop for recreating Alder & Arc with a pinned meadow hero, four-stage scroll story, responsive camera framing, and accessible HTML fallback.

Published August 21, 2026 · Updated August 21, 2026

75 min setupadvancedThree.js + WebGL

Read free prompt Included in Vault

What is included

Everything needed to make the result.

Exact supplied Alder & Arc index.html source
Local Three.js runtime
Four-stage pinned meadow scroll story
Seeded instanced grass, flowers, fireflies, and ground
Responsive camera and quality tiers
Reduced-motion and WebGL fallback behavior
Free implementation prompt
480p Video V8 walkthrough and first-frame preview

File and codebase preview

See the system shape.

Vault package manifest:
- source/index.html
- source/three.min.js
- demo/Video V8.mp4 (480p)
- preview/first-frame.jpg
- free-prompt/SKILL.md
- README.md

Scene: procedural meadow + green atmosphere + four-stage pinned scroll story

Free prompt: /market/alder-and-arc/SKILL.md

Keep building

Related systems.

Included in Vault

3D CAD Field Instrument

Build a production-grade 3D terrain instrument with a real CAD-style scene, responsive controls, and a reusable Codex 3D skill.

Included in Vault

Cinematic Launch Site System

Launch a cinematic product site with an editable codebase, prompt stack, and remix paths.

Build Kits

KnocX Reconstruction

Recreate a cinematic editorial website with a scroll-controlled visual story.