Skip to content

Open-source WebAR · image tracking in the browser

Augment any image, right in the browser.

WebARKit is an open-source toolkit for markerless WebAR: NFT image tracking compiled to WebAssembly, computer-vision building blocks in Rust and TypeScript, and a node-based studio to compose AR scenes without code.

npm i @webarkit/jsartoolkit-nft
demo / pinball.jpgNFT · tracked
pose: matrix 3×4 · markers: 1
sourceCamera
trackerNFT Tracker
renderThree.js scene
Open the gallery →

01 / Ecosystem

One toolkit, from pixels to scenes

Pick the layer you need: ready-to-use tracking libraries, low-level CV building blocks, or tools to prepare your markers.

Tracking

jsartoolkitNFT

Emscripten port of WebARKitLib: NFT image tracking compiled to WebAssembly, with TypeScript types, SIMD and experimental threaded builds.

WASMTypeScriptPython

Tracking

ARnft

A small JavaScript library for NFT WebAR, built on jsartoolkitNFT: tracking in a Web Worker, SIMD and Three.js rendering.

TypeScriptThree.js

Tracking · next

nft-tracker

Natural-feature tracking for planar image targets, in TypeScript, with the new .wnft marker format. Pre-release, not on npm yet.

TypeScript.wnft

CV core · experimental

WebARKitLib-rs

A memory-safe Rust port of WebARKitLib (ARToolKit): the full NFT tracking engine, for native targets and WebAssembly.

RustWASM

CV core · experimental

purecv

A pure-Rust reimplementation of OpenCV modules: memory-safe, SIMD-accelerated, portable from WebAssembly to no_std.

RustSIMD

CV core

jsfeatNext

A TypeScript port of jsfeat: FAST and ORB features, matching, homography and pose estimation, with full type definitions.

TypeScript

Tool

NFT Marker Creator

Turn any image into an NFT marker in your browser, nothing uploaded. Also a threaded Node.js app, a Python package and a Docker image.

Web appNode.jsPythonDocker

Tool

FeatureSet Display

Inspect the feature points of a marker to see how well it will track before you print it.

Web app

02 / Studio

Compose AR like a node graph

WebARKit Studio is a visual editor: wire a camera, a marker and a 3D model together, preview it live, and export a ready-to-host WebAR app.

In development

Follow on GitHub

04 / Learn

Docs and tutorials

Getting started

From zero to a tracked image in about ten minutes.

Tutorials

Step-by-step guides with runnable code.

Libraries & tools

One page per package: install, API, examples.

Build open WebAR with us

Developers, AR enthusiasts and visual artists welcome. Ask questions, share what you make, send a PR.