Free download

Cinematic 3D Websites With an Agent

A free guide to Dioramas, an open-source framework by Blendi for cinematic, interactive 3D websites where the scene is the page. How to run its 20 example sites, the three layers (asset pipeline, engine, method), a one-page brief template, six prompts to build or re-theme a world with Claude Code, what new 3D assets really cost, and the checks before a 3D page goes live in the EU.

The download starts right away; the link also comes by email.

Without the newsletter box you get exactly one email with your link; the address is deleted after 7 days.

What is inside
  • Three layers Asset pipeline, engine and method: what each does and where it lives in the repo.
  • 20 examples How to run them locally and which six to try first.
  • BRIEF-TEMPLATE.md A one-page brief: brand, signature interaction, hero object, sections, must-be-true.
  • PROMPTS.md Six prompts: read the engine, re-theme, build from a brief, review loop, ship, one new asset.
  • Real costs What is free, what needs fal credit, and the author’s own cost figures.
  • Honest catches GPU load, Google Fonts in the examples, GSAP licence, fictional brands.

Git, Node.js 20+, about 1 GB of disk and a computer with a decent GPU. Running and re-theming the examples is free. New 3D models need your own fal API key and fal credit (paid). Claude Code or another coding agent for the prompts. The guide is in English.

Fabian Faraz Farid · Imprint · Privacy