DEDUPED Hot AI repos, turned into use cases Get 5 a day

What you can do with Dioramas

Dioramas is a free, open-source three.js framework and set of 20 example sites for building cinematic, interactive 3D landing pages with AI-generated hero models.

Trended earlier

blendi-remade/dioramas on GitHub

Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk.

What do you want to do?

3 use cases

  • Build a cinematic 3D landing page from a brief

    Turn a one-page brief into a scroll-driven 3D product site using the Dioramas engine.

    View prompt
    Work in the blendi-remade/dioramas repo. Read docs/ENGINE.md and the brief at <path-to-brief>, then build a new example site under examples/ for <product name> with one signature interaction. Expected output: an examples/<slug>/ folder with index.html, main.js and style.css that loads at /examples/<slug>/ on the dev server. Verify by running npm run dev and confirming the new page renders without console errors.

  • Generate hero 3D models from text prompts

    Create product plates and optimized GLB models with Nano Banana 2 and Meshy 7.1 on fal.

    View prompt
    In the blendi-remade/dioramas repo, add a job for <object description> to assets/jobs/ following the existing job files, then run the generation and optimize scripts from the README. Expected output: a new optimized GLB in public/models/ and the generated image in the job output. Verify by confirming the GLB file size is in the 3 to 8 MB range the README gives for optimized models.

  • Study 20 interactive 3D site patterns for a design brief

    Run the gallery locally and review how each example handles scroll and interaction.

    View prompt
    In the blendi-remade/dioramas repo, read the 20 example rows in README.md and the briefs in docs/briefs/, then list the five interaction patterns most relevant to <product or concept>. Expected output: a table with columns for example name, interaction, and the brief file that describes it. Verify that each example name in the table matches a folder under examples/.

How to use Dioramas

  1. Check you have what it needs: Git and Node.js with npm, to clone the repo and run the dev server; A desktop GPU, which the README recommends for 60 fps; About 330 MB of disk space for the repo, since models ship in the clone (no LFS).
  2. Open blendi-remade/dioramas on GitHub and read the README and license.
  3. Run git clone https://github.com/blendi-remade/dioramas && cd dioramas
  4. Run npm install
  5. Run npm run dev and open http://127.0.0.1:5190 to browse the gallery and the example sites.
  6. Write a one-page brief for your product, following the examples in docs/briefs/.

These steps come from our top use case, Build a cinematic 3D landing page from a brief, which also has a copy-paste agent prompt.

Dioramas alternatives · Best AI repos for Software and DevOps

About this repo

Requirements

  • Git and Node.js with npm, to clone the repo and run the dev server
  • A desktop GPU, which the README recommends for 60 fps
  • About 330 MB of disk space for the repo, since models ship in the clone (no LFS)
  • A fal account and FAL_KEY, only if you want to generate new models or images
Maintain Dioramas? Add the Featured on Deduped badge

Paste this into your README:

[![Featured on Deduped](https://dedupedai.com/badge/blendi-remade-dioramas.svg)](https://dedupedai.com/use-cases/blendi-remade-dioramas/?ref=badge)

More badge styles and HTML

Questions about Dioramas

What is Dioramas?

Dioramas is a free, open-source three.js framework and set of 20 example sites for building cinematic, interactive 3D landing pages with AI-generated hero models. It is an open-source project on GitHub: https://github.com/blendi-remade/dioramas.

Who is Dioramas for?

Front-end developers and designers who want a 3D product or brand landing page, and the AI agents they hand the build to.

What can I do with Dioramas?

3 use cases so far, for example: Build a cinematic 3D landing page from a brief; Generate hero 3D models from text prompts; Study 20 interactive 3D site patterns for a design brief. Each has steps and a copy-paste agent prompt.

What do I need to run Dioramas?

Git and Node.js with npm, to clone the repo and run the dev server; A desktop GPU, which the README recommends for 60 fps; About 330 MB of disk space for the repo, since models ship in the clone (no LFS); A fal account and FAL_KEY, only if you want to generate new models or images.

What are alternatives to Dioramas?

Other hot AI repos in Software and DevOps: Harness2, iFixAi, Orca, Diagram Design, AI Memory.

Is Dioramas safe to run?

Deduped does not own, audit or vouch for it. Read the README and license, run it on your own systems first and review every command before you run it.