Try the Phibelle editor
Phibelle is an online 3D game engine for building immersive experiences with code, AI assistance, and React Three Fiber.
This website is a demo. Jump straight into the editor, explore the Blocks Destroyer scene, and try the workflow. No account is needed and nothing is saved.
Everything you can try in the demo
The demo exposes the full Phibelle workflow: code, AI assistance, live preview, gamepad support, and export.
Code-First Workflow
Write clean, maintainable code with full TypeScript support and real-time hot reloading.
AI-Assisted
Describe what you want to build and let AI generate and modify your 3D scene.
Component System
Modular architecture with reusable components. Build once, use everywhere.
Real-time Preview
See your changes instantly. No need to constantly switch between your code and the scene.
Export to React
Easily export your scenes as React Three Fiber components for seamless integration.
Gamepad Support
Out of the box gamepad support for testing and building interactive scenes.
Inside the demo
Build a scene, export it as a React component, and continue locally. Nothing is saved on this demo.
1. Create your Scene
Build, code, and modify your R3F scene in the Phibelle editor.
2. Install Dependencies
Install the required libraries.
3. Download Component
Save the file to your project directory and use it in your React/Next.js app.