For the best AR experience
Find a bright, open area with contrasting wall and floor colors (like a light wall and a dark floor). Make sure there is a lot of space to move around.

Hold the device upright and just below eye level.
Move it slowly around the space to set up the AR.

Molecul-AR Geometry is a web-based app that enables you to see and explore the geometry of molecules in Augmented Reality (AR).
Move around the AR models or spin them on your screen. Check out the features and fill in the table with the details of the five basic molecular geometries. Hit the submit button once done!
![]() | Information page |
![]() | Shows summary of answers and submit button |
![]() | Reloads application |
![]() | Removes all models in AR view |
![]() | Opens options to add AR model |
![]() | Opens options to record answers for each molecular geometry |
![]() | Focuses on a singular AR model |
![]() | Rotates the AR model by swiping along green and pink bars; ⟲ returns the AR model to its original view |
![]() | Adds or removes X-Y-Z coordinates in AR view |
![]() | Adds or removes X-Y-Z coordinates and the shape of the molecule in AR view |
![]() | Toggles the AR model between the ball-&-stick and space-filling model |
![]() | Removes the model in AR view |
![]() | Green input field means the answer is correct; only seen after tapping |
![]() | Red input field means the answer is incorrect; only seen after tapping |
![]() | Guide to place the AR model |
![]() | To place a model closer to you, simply point your device at the floor nearby. |
![]() | To remove or rotate the model, make sure it stays inside the translucent white box. |
![]() | To zoom in on images, tap the image with pulsing side borders. |
The application is still in development and may contain bugs; below is a known issue and its workaround.
![]() | If the AR model does not show the buttons for the 3D coordinates, molecular shape, space-filling model, and its removal, click the AR model's button in ➕. |
Be aware of your surroundings. Keep an eye on your physical environment, too! Look out for obstacles, people, and potential hazards.
Take regular breaks. Limit your usage to no more than 30 minutes. This will be good for you and your device. If your device gets hot, take a break and let it cool for at least a minute.
Development Team:
High School Chemistry Group, UP NISMED
Web-based app built using WebXR Device API and Three.js
Molecular models sourced from JMol and processed via Blender
Your feedback matters!
Email us at
upnismed.hsc.apps@gmail.com
© October 2024
University of the Philippines
National Institute for Science and Mathematics Education Development.
All rights reserved.