A-Frame

Find more examples on the homepage, A Week of A-Frame, and WebVR Directory. :eyeglasses: Virtual Reality Made Simple : A-Frame handles the 3D and WebXR boilerplate required to get running across platforms including mobile, desktop, and all headsets (compatible with a WebXR capable browser) just by dropping in . :heart: Declarative HTML : HTML is easy to read and copy-and-paste. Since A-Frame can be used from HTML, A-Frame is accessible to everyone: web developers, VR and AR enthusiasts, educators, artists, makers, kids. :electric plug: Entity-Component Architecture : A-Frame is a powerful framework on top of three.js, providing a declarative, composable, reusable entity-component structure for three.js. While A-Frame can be used from HTML, developers have unlimited access to JavaScript, DOM APIs, three.js, WebXR, and WebGL. :zap: Performance : A-Frame is a thin framework on top of three.js. Although A-Frame uses the DOM, A-Frame does not touch the browser layout engine. Performance is a top priority, being battle-tested on highly interactive WebXR experiences. :globe with meridians: Cross-Platform : Build VR and AR applications for any headset compatible with a WebXR capable browser. Don't have a headset or controllers? No problem! A-Frame still works on standard desktop and smartphones. :runner: Features : Hit the ground running with A-Frame's built-in components such as geometries, materials, lights, animations, models, raycasters, shadows, positional audio, tracked controllers. Get even further with community components such as particle systems, physics, multiuser, oceans, mountains, speech recognition, or teleportation! With A-Frame's entity-component architecture, we can drop in community components from the ecosystem (e.g., ocean, physics) and plug them into our objects straight from HTML: To check out the stable and master builds, see the dist/ folder. Look at the "On Your Network (IPv4)" line in the console, and copy and paste the url to service. Then open the browser in your headset and type hmd.link in the address bar then click on the copied url that will show up if you're connected to the same network as your machine. You will see a message about the page being dangerous because we're using a self-signed certificate, you can ignore that warning and continue to the page. Stay in Touch Hang out with the community Follow @aframevr on X. And get in touch with the maintainers! Diego Marcos Don McCurdy Kevin Ngo Get involved! Check out the Contributing Guide for how to get started. This program is free software and is distributed under an MIT License.