A web framework for building virtual reality experiences.
👓 Virtual reality made simple: A-Frame handles the 3D and WebVR boilerplate required to get running across platforms including mobile, desktop, Vive, and Rift just by dropping in
❤️ Declarative HTML: A-Frame is accessible to all developers due to its easy-to-read and copy-and-pastable HTML.
⚙ Entity-component pattern: A-Frame is a powerful framework for three.js, providing an declarative, composable, reusable entity-component architecture.
🔍 Visual Inspector: A-Frame provides a built-in visual inspector that acts just like your browser's DevTools; open up a scene and hit
<ctrl> + <alt> + i.
📦 Registry: A-Frame has a Registry, a curated component repository similar to the Unity Asset Store. Install some components and use them right from your HTML.
To get started playing now, open this CodePen example scene.
My A-Frame Scene
To use the latest stable build of A-Frame, include
To check out the stable and master builds, see the
npm install --save aframe
// e.g., with Browserify or Webpack.
git clone https://github.com/aframevr/aframe.git # Clone the repository.cd aframe && npm install # Install dependencies.npm start # Start the local development server.
And open in your browser http://localhost:9000.
npm run dist
For questions and support, ask on StackOverflow.
A Week of A-Frameon the A-Frame blog.
Get involved! Check out the Contributing Guide for how to get started.
This program is free software and is distributed under an MIT License.