Dioramas

Dioramas is an open-source framework for building cinematic 3D landing pages with AI-generated hero assets.

Dioramas is an open-source framework for creating interactive 3D websites where the scene acts as the page. It combines three layers: an asset pipeline that uses Nano Banana 2 and Meshy 7.1 on fal to generate and optimize 3D models from prompts, a three.js rendering engine with HDR post-processing and volumetric lighting, and a production method built for AI coding agents. The framework includes 20 complete example sites featuring signature interactions like exploring museums, steering submersible floodlights, and playing synthesized records. It is designed for developers and designers building immersive landing pages. The code is available under the MIT license with models under CC BY 4.0.

Dioramas at a glance

Best for: Software engineer, Designer
Runs on: open source, Web
Pricing: Free
Released: September 2026
Category: AI coding tool
Website: github.com/blendi-remade/dioramas

Key features

AI-generated 3D hero assets from text prompts
Asset optimization script for texture compression and mesh welding
Three.js engine with HDR post-processing stack
Raymarched volumetric spotlights and planar reflections
Lenis and GSAP scroll choreography
Twenty complete example sites with custom interactions
Headless GPU screenshot review battery

Use it for

Build cinematic 3D landing pages with interactive elements
Generate PBR 3D models from text prompts via fal
Optimize raw 3D models and textures for web performance
Create scroll-driven 3D web experiences with AI agents

Alternatives to Dioramas

fal — Access 1,000+ generative models and high-performance serverless GPUs.
ModLens — Converts screenshots and charts into structured JSON data for coding agents.
Doop — Design side by side with AI agents on a shared, live canvas.
3d Asset Server — Searches 20 asset sites at once and downloads files directly or through AI assistants.
Strata — Runs large AI models locally on consumer gaming PCs without server reliance.
img2threejs — Generates code-only, animation-ready Three.js models from a single image.
Mesh Avatar Studio — Combines automated coding agents with a local editor for animated 2D mesh avatars.
Curio — It provides specific design specs for AI to generate consistent visual results.
Diiverge — Grows persistent explorable worlds from a single picture.
Ref2game — Generates complete 2D games from single images using autonomous AI agents.
Figwright — Runs on the free Figma tier with bidirectional read and write tools.
HyperFrames — It enables AI agents to create and render production-ready videos.

All Dioramas alternatives