A tale of our team building a Web AR experience using Google’s Model Viewer.

An example of an AR app to view furnitures on rooms.

IKEA’s mobile app to see furnitures on a room with the device camera became pretty popular some time ago. Currently, the AR market is more looking for AR solutions that do not require the user to download an app. It should not be a surprise that big players like Apple and Google have done something similar to IKEA: they both developed a solution to see 3D models on real life, through the user phone camera.

Users can move and resize any 3D model in order to place it on the space, and see how it will fit on the room…


Una riflessione sulle numerose applicazioni in Realtà Aumentata e il loro reale impatto sugli utenti.

Lo stato dell’ARte

Sono uno sviluppatore WebXR. Significa che lavoro con tecnologie Web, nel campo della Realtà Aumentata e Virtuale (XR sta per AR + VR, una sigla per comprendere entrambi i mondi). Mantengo progetti, risolvo bug, cerco di capire quali sono i trend del mercato e di anticiparli, per implementare feature che gli utenti possano apprezzare.

Questo mi porta ogni giorno a ‘navigare’ parecchio su Twitter, per tenermi aggiornato. E quello che trovo sono un numero spropositato di Tweet sulla Realtà Aumentata (d’ora in poi, ‘AR’). I trend che emergono, sono all’incirca sempre gli stessi:

  • c’è grande fermento per ogni miglioramento delle…


Some thoughts about AR applications and their real impact on user needs.

A forest that looks way more sharp using eyeglasses lenses.

Disclaimer: This article has been on my mind for months. Nowadays, with the current COVID19 pandemic, this thoughts seem to be written on purpose. I’d like to state that this is a more, general thinking. But it makes even more sense now, of course. The technology community has answered to this crisis, a lot of websites for search/offer of help have raised. If you want to contribute with your skills, there are an enormous amount of projects that will help people on this crisis, for real. If you’re a tech person, a designer, or simply want to contribute in some…


New features, a new Github organisation and a new Documentation. All that you need to know about AR.js 3.

AR.js GIF showing supported AR types: Marker Based, Location Based, Image Tracking.

We’re finally here. After months of work, AR.js version 3 is out.

The aim was to make it a true, free alternative to paid Web AR solutions. We don’t know if we’ve accomplished this, but we are feeling that AR.js has more features than ever and is way more collaborative than before.

We have worked hard, spent many days and nights — obviously, we are coders, what did you expect? — and we are now so thrilled to share this achievement with the community. …


AR.js Studio is designed to build Web AR experiences for free, without coding. A Web App to create Web AR apps, and remove the barrier of coding knowledge. This is a Call to Arms to help building this tool.

An Augmented Reality books used for studying anatomy.

Let fire burn: Instead of lighting a fire on the teacher’s table, students can do this safely on their own table as an additional, virtual experiment: a fire will appear on top of a marker/image so the student can inspect it, without being in danger.

History: In many German cities, metallic paving stones are used in front of houses on which the names of the persecuted and murdered Jewish inhabitants are written. With the help of geolocalized markers, these can be discovered in one’s own city.

Botanics: The trees and plants around the school are signed with a marker hanged…


A tutorial for building Location-Based Augmented Reality apps that run on every browser, without any installation on your phone. For free.

A wild Magnemite appears on our studio.

Disclaimer: AR.js v3 is out, with a new official Documentation. If you found problem with this tutorial, you can look for more updated tutorials at: https://ar-js-org.github.io/AR.js-Docs/location-based/.

Location-Based AR on the Web

AR.js v2 introduced Location-Based AR on the Web for the first time. This enables new experiences in AR and a great opportunity for developers interested in Augmented Reality.

Basically, it means that is now possible to deliver markerless AR experiences. The developers can specify places of interest, represented by real-world coordinates, on which the AR content will appear.

Furthermore, this new feature makes possible to combine both Marker-Based AR, the ‘classic’ AR.js …


A tutorial for building Location-Based Augmented Reality apps that run on every browser, without any installation on your phone. For free.

A wild Magnemite appears on our studio.

Disclaimer: AR.js v3 is out, with a new official Documentation. If you found problem with this tutorial, you can look for more updated tutorials at: https://ar-js-org.github.io/AR.js-Docs/location-based/.

Location-Based AR on the Web

AR.js v2 introduced Location-Based AR on the Web for the first time. This enables new experiences in AR and a great opportunity for developers interested in Augmented Reality.

Basically, it means that is now possible to deliver markerless AR experiences. The developers can specify places of interest, represented by real-world coordinates, on which the AR content will appear.

Furthermore, this new feature makes possible to combine both Marker-Based AR, the ‘classic’ AR.js …


GeoAR.js is a free, lightweight library which brings Location Based Augmented Reality on the Web, using your phone GPS sensors. Let’s see what you can do with it.

GeoAR.js used to show places and click to interact with them. Without installing any app.

Disclaimer: GeoAR.js has been merged into AR.js v3, with a new official Documentation. If you found problem with this tutorial, you can look for more updated tutorials at: https://ar-js-org.github.io/AR.js-Docs/location-based/.

Web AR — State of the ARt

Augmented Reality on the Web is living a great time. We first had marker based Augmented Reality, with Open Source projects like ARtoolkit and AR.js, that make possible to show AR content over ‘markers’ when the camera recognize them. Looking to the future, the WebXR API specification seems promising, we might have first browser implementations by December 2019/January 2020. …


Myths and misconceptions in the design of accessible digital products.

Also available in Italian.

“Mind the Gap” even on Web Pages.

It is undeniable that in recent years the web scene has shown a renewed interest in the topic of accessibility. In addition to the major players, such as Google, Apple, Facebook, etc., whose products have always offered good accessibility, today various stakeholders are showing new levels of sensitivity towards this issue and towards the WCAG (Web Content Accessibility Guidelines).

In response to demand in this area, we decided to start studying the issue in depth, rather than simply sticking to the usual technological best practices. We analysed the WCAG, and related them with:

  • customer requests
  • implementations…


If you have tried AR.js but your app’s performances are not satisfying, it’s time to try these tips before give up.

This is part of a series of articles about AR.js. The following is the list of the articles written so far:

For the latest news about AR.js and Web AR, you can follow me!

AR.js markers over my laptop.

AR.js is getting more popular. As April 2019, AR.js repository has 13k stars and a growing community. If you are reading this, either you’re digging on AR.js…

Nicolò Carpignoli

Web XR Expert | AR.js Maintainer| Working @ https://chialab.it | Invited Expert at W3C https://nicolocarpignoli.github.io/me

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store