Modern Web

Building a Dynamic WebXR AR Portfolio with A-Frame and Three.js

Step-by-step tutorial to building a mobile-friendly browser-native Augmented Reality portfolio. Code spatial cards and interactive 3D components using A-Frame.

Sachin SharmaCreator

Jun 1, 2026

4 min read

Building a Dynamic WebXR AR Portfolio with A-Frame and Three.js

Featured Resource

Quick Overview

Step-by-step tutorial to building a mobile-friendly browser-native Augmented Reality portfolio. Code spatial cards and interactive 3D components using A-Frame.

WebXR AR Three.js A-Frame Spatial Computing Frontend

Sachin Sharma

Software Developer

Building digital experiences at the intersection of design and code. Sharing weekly insights on engineering, productivity, and the future of tech.

Zero-Knowledge Proofs in Javascript: A Practical Guide with Circom and SnarkJS

Learn how to build, compile, and execute zero-knowledge proofs inside a web browser using Circom and SnarkJS. A hands-on guide to privacy-preserving web engineering.

Building an In-Browser Green Screen Background Remover with WebCodecs and WebGPU

Learn how to build a high-performance video background remover in the browser. Interlace camera streams using WebCodecs and custom WebGPU shaders.