How to Open USDZ Files in three.js

three.js is the most popular JavaScript library for 3D on the web, and it ships a loader for almost every common model format.

Short answer · Built in

Yes. three.js opens USDZ files as shipped: USDZLoader from three/addons/loaders/USDZLoader.js.

Import USDZ into three.js, step by step

  1. 1Check the fileA USDZ is an uncompressed package of USD files and textures; import it as-is rather than unpacking it.
  2. 2Import into three.jsUSDZLoader from three/addons/loaders/USDZLoader.js.
  3. 3Check scale and orientationthree.js works in unitless (most scenes treat 1 unit as 1 metre) and is Y-up. USDZ files are metres in our export, so they normally arrive at the right size.
  4. 4Check materials and animationUSDZ carries PBR materials and embedded textures and can carry animation. Look at the model under a neutral light before you build on it.

What comes through

ShapeYes, always.
Colours and materialsYes: PBR materials and embedded textures.
TexturesYes.
AnimationYes, if the file has any.

Things to watch for

  • USDZ loading is newer and covers common meshes and materials rather than the whole USD feature set.
  • Compress big models with Draco or Meshopt and load them with the matching decoder; it can cut download size several times over.

Questions

Does three.js support USDZ files?
Yes. three.js opens USDZ files as shipped: USDZLoader from three/addons/loaders/USDZLoader.js.
Why is my USDZ model the wrong size in three.js?
USDZ files are metres in our export, while three.js works in unitless (most scenes treat 1 unit as 1 metre). Compress big models with Draco or Meshopt and load them with the matching decoder; it can cut download size several times over.
What is the best 3D format for three.js?
GLB and FBX are the most reliable choice for three.js. If you have a choice when exporting, pick GLB over USDZ.

Menu names follow the three.js open-source project's current release. Check the official three.js documentation if your version differs.

Written with AI assistance by the Renderlyst team in October 2026. Format support reflects each app's current release as we understand it, and we link the official documentation so you can confirm it for your version. Spotted something out of date? Email alishbakhalid766@gmail.com.