Beltorion

Professional code generator for embedding 3D models

Our tool generates all the code you need to embed a 3D model on any website. Just upload your GLB/GLTF file, configure the settings in our visual editor, and get a complete, framework-free code package for your project.

To learn more check out our blog

Basic Settings

Configure the basic setup of your 3D viewer

Supported formats: GLB, GLTF (file stays in browser memory, max 25MB)

OR

Camera Settings

Controls how the model is viewed

Model Settings

Adjust model appearance and positioning

Rotation Settings

Configure interaction behavior and animation

Drag Rotation

Hover Rotation

Reset Animation

Light Settings

Configure lighting to enhance model appearance

Ambient Light

Directional Light

Debug Settings

Tools for development and troubleshooting. Show axis helpers and adjust their size to better understand the model's orientation in 3D space.

Generated Code

Complete integration package for your 3D viewer

index.html

Complete HTML page with 3D viewer setup

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D Model Viewer</title>
    <link rel="stylesheet" href="viewer.css">
</head>
<body>
    <div class="viewer-container">
        <div id="model-container" class="model-viewer"></div>
    </div>

    <script type="importmap">
    {
        "imports": {
            "three": "https://cdn.jsdelivr.net/npm/three@0.177.0/build/three.module.js",
            "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.177.0/examples/jsm/"
        }
    }
    </script>
    
    <script src="config.js"></script>
    <script type="module" src="modelviewer.js">
    </script>
</body>
</html>

Quick Start Guide

1
Save all files: Download each tab as a separate file in the same directory
2
Add your model: Place your GLB/GLTF file in the same directory
3
Update config: Edit the modelUrl in config.js to point to your model
4
Open in browser: Double-click index.html to view your 3D model

Why Choose the Beltorion 3D Code Generator?

Transform your static websites into interactive 3D experiences that engage visitors and boost conversions

🚀

No Coding Required

Simply upload your 3D model, adjust settings with intuitive sliders and controls, then download complete website files. Perfect for designers, marketers, and business owners who want professional results without technical knowledge.

⚡

Instant Website Ready

Get all the necessary files to embed your 3D model on any website in minutes. We automatically generate a full code package—just download and add the files to your existing project. No plugins or complex setup needed.

✨

Professional Quality

Your 3D models will look stunning with professional lighting, smooth animations, and perfect camera angles. Visitors can rotate, zoom, and explore your products or designs with silky-smooth interactions that work on all devices.

📈

Boost Your Business

Interactive 3D content can significantly increase visitor engagement and improve conversion rates. It’s an excellent way to sell products online, showcase a professional portfolio, or create a unique brand experience that turns casual browsers into loyal customers.

Perfect For Every Industry

🛍️

Online Stores

Show products from every angle. Customers can inspect details, see textures, and feel confident buying. Reduce returns and increase sales with interactive product experiences.

🎨

Creative Portfolios

Showcase your 3D artwork, sculptures, or designs in stunning detail. Let clients explore your creations interactively and stand out from flat portfolio websites.

🏗️

Architecture & Real Estate

Present building designs, floor plans, and property models. Clients can virtually walk through spaces and understand projects before construction begins.

Get Started in 3 Simple Steps

1

Upload Your 3D Model

Drag and drop your GLB file or use our demo model to start exploring

2

Customize the Look

Adjust lighting, camera angles, and interactions until it looks perfect

3

Download & Launch

Get all files instantly and upload to your website - it’s that simple!