Tool Open source
Dioramas is a free, open-source framework for building cinematic, interactive 3D websites in which the 3D scene forms the page. Its asset pipeline uses Nano Banana 2 on fal to generate product images and Meshy 7.1 on fal to convert them into textured 3D models, then optimizes the models with meshopt compression and WebP textures. The Three.js engine provides HDR post-processing, ambient occlusion, bloom, tone mapping, volumetric spotlights, planar reflections, procedural textures, and Lenis/GSAP scroll choreography, along with cursor, preloader, and navigation components. The repository includes 20 complete example sites, their asset prompts, an asset manifest, and scripts for generation, optimization, screenshots, and review. It runs locally with npm, ships its models in the repository, recommends a desktop GPU, and is licensed under MIT for code and CC BY 4.0 for generated models and images.
1 use taken from transcripts — each links to the moment in the video.
A framework for websites where the 3D scene is the page, combining AI image-to-3D assets, Three.js lighting, scroll-driven cameras, and interactive example sites.
1 in the library.