3-4 hours


Having more developers and content creators playing with WebVR is important for the future of virtual reality to help build towards a free and open virtual reality platform not owned by any individual entity.

A-Frame is a web framework for building virtual reality experiences, making it easy for anyone to get involved with virtual reality. Its goal is to onboard developers into 3D and advance WebVR, an open platform for virtual reality that leverages the Web. Having more developers and content creators playing with WebVR is important for the future of virtual reality to help build towards a free and open virtual reality platform not owned by any individual entity.

A-Frame is used extensively by the Mozilla VR team to prototype and experiment with WebVR. Having more contributors know A-Frame will give them a chance to get involved in one of the most exciting revolutions in the field of technology.

Impact and Metrics

Goals for this area


  • 200 people signed up to the A-Frame Slack channel
  • 100 projects built in or for A-Frame
  • 20 blog posts about events, activities, experiences, projects, or tutorials.
  • 500 social shares with #MozActivate, #WebVRCamp, @aframevr, @mozillavr


  • 20 Mobilizers activated
  • 30 events
  • 400 people are introduced to and starting to build with A-Frame

Audience for this activity

Your audience for this event should be anyone interested in virtual reality including web developers, designers and students. The audience should have a basic grasp of HTML.

Activity Format

Help us build community around the A-Frame library by conducting a mobilizing / learning event for 20-30 contributors.

2-4 Weeks Before the Event

  1. Put an event team together
  2. Choose a date and secure a venue
  3. Setup the event on Reps Portal (instructions). Find a Rep closeby to do this if you are not one. Please make sure the initiative is set to “MozActivate” and the functional area indicates “WebVR”.
  4. Give a thought whether it will be self-facilitated or with someone who has A-Frame experience. You can find help on the Mozilla VR Telegram group or the A-Frame Slack channel
  5. Create an event page on a platform popular in your locale, such as Facebook or Meetup.com, and keep posting interesting information about WebVR & related topics to keep continue the conversation
  6. Download and customize the A-Frame Presentation Kit
  7. Create a few scenes for demo & prototyping purposes. You can find examples on awesome-aframe
  8. Acquire headsets to use and demo. Google Cardboard can be acquired in some locations for less than $5 a set. We recommend 5 headsets for an event of 20-30 people. You can request budget of up to $50 maximum for these headsets but you will have to buy them yourself.

1 Week Before the Event

  1. Confirmed selected attendees through email.
  2. Distribute the following list of tasks to do before event:
    1. Create a GitHub account if they don’t have one
    2. Get familiar with A-Frame and read about areas to contribute
    3. Join the A-Frame Slack Channel
    4. [Optional] Play with A-Frame, starting with a Hello World scene. Skim through the documentation.

Event Flow

This is how you can break up a 4 hour event format. You can try to shorten some sections if you want to do it quicker.

Getting Started (30 minutes)

A-Frame Concepts (30 minutes)

Time to Hack (1 hour)

  • Propose your idea of VR experiences to build
  • Can get started with Codepen or the Boilerplate
    • For the boilerplate, we recommend using a local server such as Mongoose or through Node.js.

More About A-Frame (30 minutes)

  • A-Frame in depth (e.g., demo of advanced scenes, how are they built, using community components)

** Continue Hacking (1 hour)**

  • Improve your VR experience or build something else using more advanced concepts

Review & Plan (30 minutes)

  • Review the whole event
  • Talk about A-Frame community. Don’t forget to mention if you have a separate communication medium to connect with the local WebVR community (e.g., WebVR-India telegram group)
  • Discuss takeaways
  • Discuss individual action plans and follow-up plans


Additional to the recommended event flow here are some things we’d like you, the event organizer, to do.

  • Fill out the post-event metrics on the event page you set up on the Reps portal
  • Thank-You email to attendees with:
    • A feedback form
    • Suggestion to Tweet their experience. Mention @mozillavr, #MozActivate, and #WebVRCamp
    • Suggestion to write a blog post and share
    • Important links
  • Send an event report or blog post and photo-stream link either over Twitter or Slack.
  • Share a summary this Discourse thread


Want to find out more about the A-Frame community? Ping us on the A-Frame Slack channel or Tweet at us @aframevr. Visit the A-Frame community page for more details.