Dioramas: Creating 3D Websites with AI Generation

Dioramas is a free, open-source framework designed for creating interactive 3D websites with cinematic design. It enables the generation of assets using artificial intelligence.

The core functionality relies on the Three.js library to manage scenes and cameras. To create 3D models and textures from text descriptions, it utilizes Meshy 7.1 and Nano Banana 2 services via the fal.ai platform.

Development Tools and Ready-Made Examples

The framework is written in JavaScript and is available in the GitHub repository.

• Three.js integration for managing 3D scenes
• Asset generation via Meshy 7.1 and Nano Banana 2
• fal.ai platform for AI rendering
• 20 ready-made website examples for quick start

The distribution includes 20 ready-made web page examples. This demonstrates the framework's capabilities and significantly simplifies the project creation process.