GLTF/GLB Viewer for VS Code
A Visual Studio Code extension that provides a built-in viewer for GLTF or GLB files. This extension allows you to preview and interact with 3D models
OHZI Interactive Studio
Three.js Marketplace
Three.js Marketplace
Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.
Links
Newsletter
Stay Updated with Three.js Resources!
- Weekly curated Three.js resources and tools.
No spam, unsubscribe at any time.
Description
Usage
Click on any
.gltf .glbfile in VS Code's explorer windowThe file will be opened automatically in a new tab using the GLTF/GLB Viewer
If that doesn't happen, you can right click manually on the file and choose 'open with:' GLTF/GLB Viewer
From the "open with" menu, you can also configure the default viewer to be this one
Interact with the 3D model using your mouse:
Left click and drag to rotate
Right click and drag to pan
Scroll to zoom
Features
Inspect GLTF/GLB files directly in VS Code in a 3D viewer
Automatic file association with
.gltf .glbfilesInteractive 3D model viewing
DRACO compression support
KTX2 support (GPU Texture Compression)
Hierarchy, Animations, Textures, Materials, Geometries and Info panels
Play and stop individual animations
Visualize textures, their resolution, and their relationship and usage with the materials
Download textures
Get a quick general understanding of the number of geometries, vertices, materials, textures, animations, etc.
Camera auto focus focus on any object when clicked
Copy to properties to clipboard with a single click
Extra tools to visualize information like normals, object origins, and more.
Quick search through the hierarchy tree
Installation
Open VS Code
Go to the Extensions view (Ctrl+Shift+X / Cmd+Shift+X)
Search for "GLTF/GLB Viewer"
Click Install
