three.js GLTFLoader wrapped as a module for easy importing

Downloads in past


1.111.04 years ago6 years agoMinified + gzip package size for three-gltf-loader in KB


three.js glTF loader
three.js version license GitHub issues

Note for three >= v0.103.0

Please note, that starting with three.js r103, GLTFLoader is included in the three package itself and installing three-gltf-loader is no longer necessary.
It can be accessed via
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
However, this package will still be maintained.


yarn add three-gltf-loader
npm i --save three-gltf-loader


three.js's r111 GLTFLoader wrapped as a module for easy importing, TypeScript type definitions included.


import * as THREE from 'three';
import GLTFLoader from 'three-gltf-loader';

const loader = new GLTFLoader();
	( gltf ) => {
		// called when the resource is loaded
		scene.add( gltf.scene );
	( xhr ) => {
		// called while loading is progressing
		console.log( `${( xhr.loaded / * 100 )}% loaded` );
	( error ) => {
		// called when loading has errors
		console.error( 'An error happened', error );
For further documentation, see the GLTFLoader docs.

Reporting Issues

Please note that this is just a wrapper for the glTF loader provided by three.js. Therefore, any issues regarding the loader should be reported directly via the three.js issue tracker.
For issues directly related to the wrapper or this package specifically, feel free to contact me.