Ar.js for WebAR

examples of industries using vossle


Trusted by fortune 500 Companies & leading startups globally


Gone are the days when you downloaded an app to experience Augmented reality. Not only was this process cumbersome but also left an app on your phone. The evolution of the technologies for Augmented Reality for the web made possible creating Augmented Reality with Web AR. We can now use Augmented Reality services without downloading any apps on our phones.

Queppelin helps in bringing such Augmented Reality applications to life. The list of technologies used by Queppelin is diverse and AR.js happens to be one of them. Initially, the AR app had to be downloaded in order to overlay digital objects onto the real world. 

Queppelin’s WebAR services make it possible to create such Augmented Reality applications. Using WebAR, a marker is used to orient the scene(marker-based). Once the marker is captured, then a JavaScript 3D rendering library overlays a 3D object shown on top of whatever is in front of the cell phone camera.

Web-based Augmented Reality (WebAR)

WebAR also offers Markerless Augmented Reality applications which overlay virtual objects by detecting surfaces. The result is a simple yet immersive experience that pretty much anybody can enjoy. You can use the AR app without downloading the app but the rest of the process still remains intact. AR.js services remove this redundancy too.

Queppelin creates Web AR using AR.js. AR.js is a Web AR framework that helps in creating Augmented Reality applications which can directly run in your browser given the link to the application.

Ar.js is a javascript framework that lets Queppelin develop browser ready applications for its customers.

Why should you choose Queppelin?

Queppelin is competent at creating efficient applications for Augmented Reality for the web. The advanced team of developers aim at producing customer agnostic Augmented Reality applications for the web without having to download the app. Ar.js is the go-to WebAR framework for developing efficient applications.

Queppelin develops both markerless and marker based AR.js applications. AR.js supports both ARKit and ARCore which further means that it’s compatible with iPhone devices and Android. It wraps almost all the frameworks like A-frame, Three.js and AR Toolkit. Thus, making it easier for you to bring your AR products to the web.

Our AR.JS Skills & Experience

AR.js is a very simple and lightweight library for Augmented Reality for the web with the following features:

Marker-based AR/Image Tracking

Image Tracking is when a camera finds a 2D image, it’s possible to overlay some content on top of it, or near it.

It can be a GIF, a 2D image, a 3D model (also animated) and a 2D video too. Some of its applications are in Augmented Art, learning (Augmented books), Augmented flyers, advertising, etc.

Markerless AR

In Markerless AR, the mobile phone camera can directly overlay a 3D object onto the real-life objects or do so after detecting a surface. Any software which implements markerless AR needs to keep a couple of factors in mind. The motion tracking to detect the device location in the real world, the light estimation to provide appropriate shadow and other light effects to the 3D object and environmental understanding which helps to detect all sorts of objects in the surrounding which contribute to an amazing AR experience.

Location Based AR

Location based AR uses real-world places in order to show Augmented Reality content, on the user device. The experiences that can be built with this library are those that use the user’s position in the real world.

The user can move (ideally outdoor) and through their smartphones they can see AR content where places are in the real world. Moving around and rotating the phone will make the AR content change according to users position and rotation.

With this solution it’s possible to build experiences like interactive support for touristic guides, support when exploring a new city, find places of interest like buildings, museums, restaurants, hotels and so on. It’s also possible to build learning experiences like treasure hunts and biology or history learning games, or use this technology for situated art.

At Queppelin, we develop all the kinds of applications with Augmented Reality for the web using AR.js. Some of the use cases are described below.

Queppelin develops both markerless and marker based AR.js applications. AR.js supports both ARKit and ARCore which further means that it’s compatible with iPhone devices and Android. It wraps almost all the frameworks like A-frame, Three.js and AR Toolkit. Thus, making it easier for you to bring your AR products to the web.

Our Use cases

AR.js can bring 2D objects to life simply from the comfort of your phone. You scan the object and the 3D objects overlay onto the actual reality.

Marketing and Advertising

Marketers can use this to turn the mundane marketing content into exciting and immersive content. For instance, if you are waiting in the lobby and browsing through a magazine. Instead of looking at still images, you can scan the QR code next to the advertisement and watch the products in 3D. This will provide valuable insights to the marketer as well. For instance, using the number of people who interact with the advertisement.


Tourism industry can get an immense boost using this technology. When visiting a new tourist place, people normally opt for local guides which charge exorbitantly. Instead of going for this option, the tourist can simply have a travel magazine and scan the QR code next to the image of the monument. In no time, the entire detail about the monument will be in front of the tourist. The immersive experience will be unparalleled with respect to a local guide. A lot of museums and galleries are already adopting this technology because it costs them relatively less.<br>


The interaction with the virtual reality that AR provides is fun in itself. The applications built using AR.js can be used for movie promotions. SOny used Web AR to promote Jumanji and offered an amazing experience by offering voice interactions.

How do we deliver our AR.JS Solutions?

Queppelin stands upright on specific fundamental values that got imbibed over a couple of years in all our services. The same holds for our virtual reality development services as well. Our primary focus is always to develop client-centric products.

The teams at our AR Labs follow the following protocol while developing solutions for you. It all starts with YOUR IDEA: Whatever your idea, we have the tools to bring it to life! We begin by listing the features you want in Your app, keeping you continuously. This feedback helps our development team to strategize those features. Our flow towards providing a solution for virtual reality development includes:

  • We Conceptualize the Flow
    • After analyzing your idea, we lay down a timeline while keeping in mind all the challenges. We focus on developing and prioritizing the trickiest parts. So, it is essential to identify such problems.


  • We Strategize and Plan
    • Having analyzed the challenges, we plan to utilize our resources in the best way possible. This helps us optimize the entire development process in terms of our time and finances.


  • We begin developing the AR Graphics 
    • After we have the whole plan, our AR.js development team implements an industry-tested approach to ensure timely delivery. After the development of graphics is completed, we consolidate them into an application. We also provide testing the software throughout its development.


  • The app becomes ready to Launch
    • Once our AR.js developers develop the app, it goes through a series of tests, including both production and local. In addition to this, we also test the beta application in the market so that the mobile app does not raise unforeseen errors when the actual product launches.


  • We stay in touch
    • It’s not over with us launching the app in the market. We keep a regular eye on the trends that your app follows so that we can make the required iteration to the mobile gaming app.

Have an AR idea that resonates with people and solves multiple problems at once? Reach out to us at, and we can get your application up and running.

Our Work

We’ve been providing new immersive solutions to businesses for year now. We help businesses connect with their users and explore the metaverse.

Our Commitment

Superior Service

Your satisfaction is our top priority. We treat every client like they're our only client.

Expertise in the Field

With Queppelin, you will be provided with a group of resources who know the AR industry inside and out

A Step Ahead

We always stay in-the-know on what's going on and what has the potential to be the next disruption in technology.

A World-Class Experience

Innovation, Results, Efficiency and Care is a combination you get to experience working with our team.

team discussion at queppelin

Our clients love working with our team

The ever-growing list of Industries we serve

bank icon
education icon
food industry icon
gaming industry icon
healthcare industry icon
logistics industry icon
manufacturing industry icon
oil and gas industry icon
Oil & Gas
real estate industry icon
Real Estate
travel industry icon
telecom industry icon
retail industry icon
communication icon

Lets Partner up.

Whether you’re looking for help with a single project or a long-term partnership, Queppelin has the resources and expertise you need to help you achieve more. We’re here to support you every step of the way, whether you use a single service or build an entire platform.