Skip to content

Render .usdz models and .glb models straight into your browser using only HTML, CSS and Javascript.

License

Notifications You must be signed in to change notification settings

lightlessdays/Web-AR

Repository files navigation

Web AR: Displaying 3D Models on your browser

banner

Web AR Repository allows you to render your 3D GLB/USDZ models straight in your browser. To render your own models, follow the steps-

  1. Fork/Clone this repository.
  2. Upload your .glb or .usdz model in your GitHub repo.
  3. In index.html file, on line 12, you will notice the following lines-
<model-viewer src="Astronaut.glb"                  
ios-src="Astronaut.usdz"
  1. Replace Astronaut.glb / Astronaut.usdz with the name of your own .glb / .usdz model.
  2. Publish your website on GitHub Pages. To view the GitHub page for this repository, click here.

For a detailed tutorial, click here.