# React-Three.js | Universal AR SDK

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

Develop your WebAR content using Zappar’s Universal AR SDK for React, the popular JavaScript library, combined with the 3D rendering platform, Three.js.

## Get Universal AR SDK for React-Three.js

React is one of the world’s most popular libraries for building JavaScript applications. Now you and your development team can transfer your knowledge to building WebAR campaigns, combining React, Three.js and Zappar’s leading computer vision APIs.

[Download SDK for React-Three.js](https://my.zap.works/downloads/#react-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 React-Three.js SDK

Check out our extensive range of bootstrap projects, tutorials and documentation to support you developing AR projects using Universal AR for React-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/react-threejs/)

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

[READ MORE](https://docs.zap.works/universal-ar/react-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/react-threejs%402x.jpg)

#### Dynamic Lighting

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

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

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

#### Physics

Real-time physics example using Cannon, made using Zappar for React Three.js.

[Try it out](https://zap.works/universal-ar/react/#) [Open GitHub](https://github.com/zappar-xr/react-three-example-image-tracking-cannon-physics/)

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

#### Face Tracked 3D Model

Image tracked glTF model animation that plays when a button is tapped.

[Try it out](https://zap.works/universal-ar/react/#) [Open GitHub](https://github.com/zappar-xr/react-three-example-image-tracking-gltf-animation/)

## You might also like these SDKs

### SDK for Three.js

Our SDK for the popular open-source JavaScript WebGL library.

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

### SDK for JavaScript

Our low-level API wrapper for JavaScript offers lots of flexibility.

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

### SDK for Unity

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

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

![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/react/