FARAZ
DEContact
Free

Three Websites That React to You: Prompts + Files

Three prompts for Claude Code that build 3D hero sections with three.js (a particle field, a glass blob, a scroll gallery), with the finished files and how to adapt them to your brand.

0 €

Enter your email. You get a 6-digit code, then the download starts.

To look at the files: a current browser with internet (three.js loads from a CDN). To run the prompts yourself: Claude Code, which uses your Claude plan or API credits.

What you get

  • Particles 18,000 points that make room for the cursor and turn into a wave on scroll.
  • Glass blob A glass shape that follows the cursor, wobbles and swells while you hold.
  • Scroll gallery 24 cards on a spiral; scrolling walks the camera through them.
  • Your brand Which lines of a prompt to change for colours, copy, fonts and shapes.
  • Checklist Performance and accessibility checks before the hero goes live.

In three steps

  1. Unzip and open sites/01-particles/index.html in your browser to see the result.
  2. Open Claude Code in an empty folder and paste one prompt from prompts/.
  3. Change colours and copy with the guide, then put the hero into your own site.

Fabian Faraz Farid · All links