Henlo — The Egg That Travels the Whole Page

A sunny, colourful site for a free-range egg farm, built entirely in Three.js with no images and no 3D models: every object is generated in code. The hero is a hen shingled with about 1,500 laced feathers, with a red comb, glossy eyes and an iridescent tail, sitting in a nest of 1,500 straws; she follows the cursor with quick chicken head-jerks, and after the loader she lays a brown egg and then a white one, each popping out in an arc and landing with a squash and a puff of straw. Click her and she clucks in a speech bubble and lays another. Those two eggs then travel the whole page as one continuous journey tied to the scroll: they fly from the nest to centre stage and grow, get labelled with tags on dotted leader lines, crack along a jagged line so the caps tip off and the same glowing yolk rises in each, seal themselves back up, follow you down the page margins past the shop, and dive into the two middle cups of an open pulp carton. Ten more eggs bounce in around them, the lid closes and a sticker printed with today's laying date slaps on, while three steps tick off beside it. The shop cards show cartons rendered at load from the same 3D model, in brown or white, with an egg that flies to the basket. It ends on the farm as a floating island that turns from dawn to golden hour: a red barn, a silo, a solar coop, a spinning wind pump, an orchard and a pond, with hens in six breeds wandering and pecking, chicks in a line, butterflies and clouds, and hotspots that pop up over each building. Scroll back up and the whole trip plays in reverse. Static HTML, CSS and JavaScript with Three.js, GSAP ScrollTrigger and Lenis, about 55KB of source.

Paste the prompt intoClaude CodeCursorAntigravityWindsurfLovableBoltv0

henlo-eggs/
├─ js/  7 files
├─ css/  1 file
├─ PROMPT.md
├─ index.html
└─ … 1 more