What is WebAR? How browser AR works, what it can do, where it stops

WebAR is augmented reality that runs in a web browser. Someone scans a QR code or opens a link, allows the camera, and sees digital content in the real world: a video on a poster, a sofa in their living room, glasses on their face. There is no app to find, download or install. That one difference is why brands, museums, schools and photographers use it.

This guide explains how WebAR works, what it can attach content to, what people use it for, where its limits are, and how Web-AR.Studio does it.

How WebAR works

From the visitor's side, it takes a few seconds. Behind the scenes, five things happen:

1. A link opens a web page. Usually from a QR code, sometimes from a message, an ad or a website.
2. The page asks for the camera. The browser shows its standard permission prompt, and the visitor allows it.
3. Tracking finds something to attach to. The page analyses the camera image to find a picture, a flat surface, a face or a place.
4. 3D content is drawn on top. The browser draws models, video and text over the camera image and keeps them in place as the phone moves.
5. The visitor interacts. Taps, buttons and scenes turn a picture into an experience.

You may also meet the term WebXR. It is a web standard that lets browsers use a device's AR and VR features directly. Some WebAR experiences use it, others do their own tracking on the camera image. For the visitor, the result is the same: AR in the browser.

What WebAR can attach to

Every WebAR project needs an anchor: something in the real world that the content is attached to. The main types:

Anchor	The content appears…	Good for
Image (photo)	on a printed or on-screen picture	living photos, posters, packaging, business cards
QR code	on the code itself	labels, stickers, quick activations
Surface	on a floor, a table or a wall	furniture, products at real size, characters
Face	on the visitor's face	try-on, masks, filters
Location (GEO)	at a place on the map	city routes, quests, outdoor events
360°	all around the visitor	virtual tours, historical scenes
Visual positioning (VPS)	at an exact spot in a scanned place	indoor navigation, permanent AR signs

Image tracking is the most common, and it depends a lot on the picture. See how to pick a picture that tracks well.

How to pick the anchor

Start from what the visitor already has in front of them:

• Something printed, such as a package, a poster or a photo: use the image itself.
• Small or plain print, such as a label or a sticker with no picture: use a QR code.
• Nothing printed, but a room: use a surface, so the content stands on the floor or the table.
• The visitor themselves: use the face, for try-on and filters.
• A route outdoors: use locations on the map.
• A large indoor space where content must appear at exact spots: ask about visual positioning.

One project can combine several anchors, for example a QR code on a sign that opens a scene on the floor.

What a visitor needs

A smartphone or a tablet with a camera, a regular browser and an internet connection. That's all. Nothing to install, no account, no sign-up. The visitor allows the camera once, when the browser asks.

WebAR or an app?

	WebAR (browser)	AR app
Getting started	scan a QR code or open a link	find the app, download it, install it
Sharing	send a link in any messenger	the friend needs the app too
Updates	publish, and everyone sees the new version	release an update and wait for store review
Graphics and performance	limited by the browser	can use more of the phone's power and sensors
Without internet	needs a connection to open	can work offline
Best for	campaigns, print, events, education, one-off visits	products people use again and again

For most marketing, print and event projects, the browser wins: every step between "I'm curious" and "I see it" loses people, and WebAR removes the biggest one. An app makes sense when people come back often, need offline access or heavier graphics.

What people use WebAR for

Shopping and e-commerce

Customers see a product at real size in their own room before they buy, turn it around and change its colour. A 3D and AR viewer can sit right on the product page.

Marketing and packaging

A package, a poster or a flyer becomes a way into the brand: a story, a game, a discount. See WebAR marketing: 8 campaign formats.

Print: business cards, catalogues, postcards

Paper stays the same, and the AR adds video, 3D and buttons that can change at any time. A business card can play a greeting and have buttons to call or save the contact.

Photography

A printed photo plays the video of the same moment: graduation albums, weddings, portraits. See how to make an AR living photo.

Education

Planets on the desk, a heart that beats on the textbook page, a molecule to turn around. Students use their own phones or the school's tablets, with nothing to install.

Museums, tourism and events

Paintings that come alive, talking labels, city routes and quests. See AR for museums and exhibitions.

Games

Quizzes, tap games and treasure hunts that open from a QR code. See how to make a WebAR game without code.

Where WebAR stops

WebAR is not magic, and it helps to know its limits before you plan a project:

• It needs a connection. The project loads from the web. Weak mobile signal means a long wait, so keep files light.
• The browser limits graphics. Heavy scenes with lots of detailed models run slower than in a native app.
• Tracking depends on the real world. A plain picture, glare, darkness or a busy background make tracking harder.
• Not every phone supports everything. Markerless surface AR depends on what the phone and its browser support. Older phones may get a simpler mode.
• Sound needs a tap. Phone browsers usually don't play sound until the visitor taps the screen.
• The camera prompt is a step. Some people hesitate to allow the camera, so tell them why on the print.

Good design covers most of this. See AR design and UX: 10 rules.

How Web-AR.Studio does WebAR

Web-AR.Studio is a platform for creating, publishing and analysing AR that runs in the browser. Here is what it includes.

Editors without code

• WAS Design Studio: a no-code editor for your own projects. Photo, QR, surface and location tracking, several scenes with transitions, animations and actions for each element, video with an alpha channel, 3D models and lighting.
• WAS Lite Studio: template projects where you attach files and fill in fields.
• WAS 3D Configurator: 3D product viewers with AR on the floor or a wall, embedded on any website.

The platform supports image, QR, surface, face, location (GEO), 360° and VPS tracking, plus product configurators. GEO AR is available on paid plans, and VPS on the top tier. A visual logic editor adds conditions and branches, and the built-in AI generates 3D models, images, video and text for your scenes.

Three ways to open a project

• In the browser. The default: a link or a QR code, nothing to install.
• Instant launch. On supported phones, a project can open from the phone's camera in an instant app, without installing anything first.
• In the native app. For projects that need offline work or the best performance.

Your brand and your numbers

Projects can open on your own domain, with your own loading screen and interface. Built-in analytics show how projects are used, and you can connect Google or Facebook counters. On the top tier, white-label removes the Web-AR.Studio branding, and a WebAR SDK embeds projects in your own app or website.

Make your first WebAR project

1. Pick a printed photo with plenty of detail and a short video of the same moment.
2. Create a project in WAS Lite Studio from a template, or in WAS Design Studio with photo tracking.
3. Publish it and test it on a phone, pointed at the real print.
4. Share the link or the QR code.

The full path, step by step: how to start making AR in 2026.

Ready to try it? Make your first WebAR project in WAS Design Studio. The basic features are free, with no time limit and no bank card.

FAQ

Do I need an app to view WebAR?

No. WebAR opens in the phone's browser from a link or a QR code.

Is WebAR the same as WebXR?

Not quite. WebAR is any augmented reality in a browser. WebXR is a web standard that some WebAR experiences use to reach a device's AR features.

Does WebAR work on both iPhone and Android?

Yes, in the phone's regular browser. Some features, such as markerless surface tracking, depend on the phone, and older devices may get a simpler mode.

Can WebAR work without a printed marker?

Yes. Content can sit on a surface such as a floor or a table, follow a face, appear at a location on the map, or be pinned to a scanned place with VPS.

Can I put WebAR on my own website?

Yes. A WebAR project is a web page, so you can link to it from anywhere, and Web-AR.Studio lets you embed the 3D and AR view on your own site.