Letter Chimes Interactive
Built for Eavesong, the sample brand inside the template
A travel site under the world's eaves, where strands of each place's own script hang like chimes and swing as your cursor brushes them.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
How it moves
Warm linen paper with a small Eavesong · Home · Destinations · Community nav and a Configure button. In the middle hangs a cut-out roof (Korean hanok tiles, a Moroccan green-tiled gate, a tiered Thai temple roof, black Balinese thatch, a Rajasthani sandstone pavilion), and under its eaves hangs a curtain of strands made of letters in that place's script: Hangul, Arabic, Thai, Balinese, Devanagari. The strands sway and settle, part around the cursor, and throw a soft blurred shadow down and to the right. Bottom left, a mono label carries the place's word and its gloss, and a serif headline arrives word by word; bottom right sits a short mono paragraph. A scroll, a swipe or a flung drag carries the roof away sideways with its strands trailing and brings in the next; small thumbnails of the neighbours sit either side. Destinations shrinks all five into a row you scroll or drag through; click one to open it. On a phone the roof sits higher and a vertical swipe moves place.
What you get
- A tested build prompt · 9.9k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the hero section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
A travel company's first screen, set on warm linen paper. One roof hangs at the top centre: a Korean hanok eave, a Moroccan green-tiled canopy, a Thai temple roof, a Balinese thatched tier or a Rajasthani sandstone dome. Under it hangs a curtain of tiny letters in that place's own script, like a wind chime in a doorway. Each column is a real rope: move the cursor through the curtain and the strands are caught, carried and swung, then settle. The roof and its curtain cast one long soft shadow down and to the right. A large serif headline names the place on the left, with a small mono line above it and a short paragraph at bottom right. Framed thumbnails at the left and right edges show the previous and next places.
- What it is
- Style
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
