# Three.js | Universal AR SDK

Universal AR SDK\
for Three.js
============

Three.js is a popular JavaScript library and API used to create 3D animated content for the web. Start creating WebAR content today by integrating Zappar’s computer vision APIs with three.js.

## Get Universal AR SDK for Three.js

Universal AR allows you to combine Zappar’s leading face, world and image tracking APIs with three.js scenes, lights, shadows, materials, textures, 3d math to build incredible WebAR experiences. Available on npm or download the SDK.

[Download SDK for Three.js](https://my.zap.works/downloads/#three-js)

## Supported platforms

Universal AR for the web supports the following browsers, already installed on billions of\
devices worldwide:

![Google Chrome](https://zap.works/static/img/uar/platforms/chrome@2x.png.r.w40.png)

Google Chrome\
for Android

![Safari on](https://zap.works/static/img/uar/platforms/safari@2x.png.r.w40.png)

Safari on\
iOS 11.3+

## Learn how to use Three.js SDK

Check out our extensive range of bootstrap projects, tutorials and documentation to support you developing AR projects using Universal AR for Three.js.

#### [Bootstrap projects](https://github.com/zappar-xr)

[Head over to GitHub to find example projects for each SDK, and bootstrap projects to get you up and running quickly.](https://github.com/zappar-xr)

[GITHUB REPOSITORIES](https://github.com/zappar-xr)

#### [Documentation](https://docs.zap.works/universal-ar/threejs/)

[Our documentation site covers everything you need to get started building with the Universal AR SDK for Three.js.](https://docs.zap.works/universal-ar/threejs/)

[READ MORE](https://docs.zap.works/universal-ar/threejs/)

#### [Publishing & hosting](https://docs.zap.works/universal-ar/general/hosting/)

[Happy with your project? Learn about your various publishing and hosting options, including support for self-hosting.](https://docs.zap.works/universal-ar/general/hosting/)

[READ MORE](https://docs.zap.works/universal-ar/general/hosting/)

## Featured projects

![Icon](https://zap.works/static/img/cards/icons/threejs8%402x.jpg)

#### Photo Feature

Save and share snapshots taken directly within the project using the WebGL snapshot package.

[Try it out](https://zap.works/universal-ar/threejs/#) [Open GitHub](https://github.com/zappar-xr/threejs-example-face-tracking-3d-model-photo-feature/)

![Icon](https://zap.works/static/img/cards/icons/threejs8%402x.jpg)

#### Dynamic Lighting

Real-time dynamic lighting reacting with 3D elements in the scene.

[Try it out](https://zap.works/universal-ar/threejs/#) [Open GitHub](https://github.com/zappar-xr/threejs-example-image-tracking-dynamic-lighting/)

![Icon](https://zap.works/static/img/cards/icons/threejs8%402x.jpg)

#### Face Tracked 3D Model

Face tracking project containing a helmet 3D model, made using Zappar for Three.js.

[Try it out](https://zap.works/universal-ar/threejs/#) [Open GitHub](https://github.com/zappar-xr/threejs-example-face-tracking-3d-model/)

## You might also like these SDKs

### SDK for A-Frame

Cross-platform face, image and world tracking in A-Frame.

[Learn more](https://zap.works/universal-ar/aframe/)

### SDK for Unity

Our SDK for the world’s most popular game development engine.

[Learn more](https://zap.works/universal-ar/unity/)

### SDK for React-Three.js

Build WebAR experiences using React, the popular JavaScript library.

[Learn more](https://zap.works/universal-ar/react/)

![Build WebXR experiences with Mattercraft](https://zap.works/static/img/webxr/mattercraft@2x.png.r.w633.png)

### Try Mattercraft - our most powerful 3D development tool

Mattercraft is a browser based 3D content development environment perfected for building interactive experiences for the web. It takes the best features from existing tools and web SDKs but offers an intuitive 3D editor, integrated animation system and full realtime preview.

[Learn more](https://my.zap.works/register/)

## Try Zapworks today

Our 14-day trial gives you access to the entire Zapworks toolkit.

[Get started](https://my.zap.works/register/?next=/account/add/business/)

---
Canonical: https://zap.works/universal-ar/threejs/