Example Project Library

• A-Frame
• React ThreeJS
• ThreeJS
• Unity
• Universal AR

Preview and clone our example projects made using the Universal AR toolset.

Some example projects require a target image (image tracked). If applicable, these images can be found in assets folder of the Github repository.

ThreeJS

Photo Feature

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

TRY IT OUT OPEN GITHUB

Face Paint Mesh

Example showcasing face paint on a mesh, made using Zappar for ThreeJS.

TRY IT OUT OPEN GITHUB

Face Tracked 3D Model

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

TRY IT OUT OPEN GITHUB

Animation from Gaze

Example project using a raycaster to detect if an object is in view and playing a 3D model animation when it is.

TRY IT OUT OPEN GITHUB

Dynamic Lighting

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

TRY IT OUT OPEN GITHUB

Launch Web URL

Simple image tracked project containing a button that, when tapped, launches an external web URL into a new tab.

TRY IT OUT OPEN GITHUB

Two Targets

Tracking to two simultaneous targets, made using Zappar for ThreeJS.

TRY IT OUT OPEN GITHUB

glTF Loader

Place an instant world tracked glTF 3D model in your real-world environment.

TRY IT OUT OPEN GITHUB

A-Frame

NEW

Instant Tracked Solar System

Place the solar system in your real world environment.

TRY IT OUT OPEN GITHUB

NEW

Face Tracked Solar System

Looping animated 3D models tracked to the face, made using Zappar for A-Frame.

TRY IT OUT OPEN GITHUB

3D Model

Position a 3D model in your real world environment.

TRY IT OUT OPEN GITHUB

Business Card

Image tracked business card example showcasing, 3D models, audio and user interaction.

TRY IT OUT OPEN GITHUB

Animation from Gaze

Example project using a raycaster to detect if an object is in view and playing a 3D model animation when it is.

TRY IT OUT OPEN GITHUB

Face Paint Mesh

Face paint mesh example project, made using Zappar for A-Frame.

TRY IT OUT OPEN GITHUB

Face Tracked 3D Model

Face tracking project containing a helmet 3D model, made using Zappar for A-Frame.

TRY IT OUT OPEN GITHUB

Launch Web URL

Simple image tracked project containing a button that, when tapped, launches an external web URL.

TRY IT OUT OPEN GITHUB

React ThreeJS

Animation from Button Tap

Play a glTF model animation from a button tap.

TRY IT OUT OPEN GITHUB

Business Card

Image tracked business card example showcasing, 3D models, audio and user interaction.

TRY IT OUT OPEN GITHUB

Dynamic Lighting

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

TRY IT OUT OPEN GITHUB

Face Paint Mesh

Face paint mesh example project, made using Zappar for React ThreeJS.

TRY IT OUT OPEN GITHUB

Face Tracked 3D Model

Face tracking project containing a helmet 3D model, made using Zappar for React ThreeJS.

TRY IT OUT OPEN GITHUB

Flip Camera

Seamlessly flip from front to rear facing camera, on button tap.

TRY IT OUT OPEN GITHUB

Instant Tracked Cube

Simple primitive instant world tracking example.

TRY IT OUT OPEN GITHUB

Physics

Real-time physics example using Cannon physics.

TRY IT OUT OPEN GITHUB

Unity

3D Animation and Lighting

3D animation played when a button is tapped with dynamic lighting.

TRY IT OUT OPEN GITHUB

Face Paint Mesh

Face paint mesh example project, made using Zappar for Unity.

TRY IT OUT OPEN GITHUB

Face Tracked 3D Model

3D models tracked to the users face.

TRY IT OUT OPEN GITHUB

Face Tracked Physics

3D models tracked to the face, with physics enabled.

TRY IT OUT OPEN GITHUB

Instant Tracked 3D Model

3D model tracked to your real world environment.

TRY IT OUT OPEN GITHUB