How to show 3D models on a website

To display 3D models in a website there is a really amazing and simpel to use tool made by Google: <model-viewer>.

I used it to display a fire truck model on the home page of the website (the above is just a screenshot). Here is a demo of one of the equipment models:

What do you need:

• a .glb file somewhere hosted (can be uploaded in their editor tool, but you might have cross origin errors), easiest is to just host it in your own webspace
• a screenshot of the model (as image during loading), can be created with their editor tool
• add js library to website
• add code snippet to your website

Their API for more functionality like WebXR, animation, hotspots, staging, etc. is very advanced and can be checked out on their website.

Hope that helps.

Cheers ✌🏻