← all repositories

blendi-remade/dioramas

An open-source JavaScript framework for building cinematic, interactive 3D websites whose hero assets are generated with AI image and image-to-3D models via fal.

★526 stars JavaScript Creative · Design
Collecting fresh signals — velocity needs a few days of history.
collecting data…
star history

Dioramas is a framework for building 3D landing pages where the scene is the page. It combines a generative asset pipeline that turns prompts into images (Nano Banana 2) and then PBR 3D models (Meshy 7.1) through fal, with optimization scripts for compression, and a three.js rendering engine providing post-processing, volumetric lighting, and scroll choreography. It documents the full build method and ships 20 complete example sites.

Frequently asked

What is blendi-remade/dioramas?
An open-source JavaScript framework for building cinematic, interactive 3D websites whose hero assets are generated with AI image and image-to-3D models via fal.
Is dioramas open source?
Yes — blendi-remade/dioramas is open source, released under the MIT license.
What language is dioramas written in?
blendi-remade/dioramas is primarily written in JavaScript.
How popular is dioramas?
blendi-remade/dioramas has 526 stars on GitHub.
Where can I find dioramas?
blendi-remade/dioramas is on GitHub at https://github.com/blendi-remade/dioramas.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.