Augmented Reality on Web (Web AR) for Kids to learn Alphabets with fun.
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Add asset Sep 10, 2018
scripts Refactor code Sep 1, 2018
styles Sync with Prettier Mar 27, 2018
.DS_Store Adding initial files Dec 22, 2017
.firebaserc Adding initial files Dec 22, 2017 Create Jan 6, 2018
LICENSE Initial commit Dec 22, 2017 Update Sep 10, 2018
_config.yml Set theme jekyll-theme-cayman Sep 24, 2018
firebase.json Sync with Prettier Mar 27, 2018
index.html seperating alphabets json in to seperate file Feb 13, 2018
manifest.json Sync with Prettier Mar 27, 2018



Augmented Reality on Web for Kids to learn Alphabets with fun.

PRs Welcome Code of Conduct Maintainability

Watch on GitHub Star on GitHub Tweet

What’s included?

  • A to Z 3D models
  • Navigate between different letters to show a respective 3D model
  • Rotate 3D model
  • Zoom in / out
  • Speaks the alphabet letter with word
  • works offline (PWA Support)

Getting Started

Clone the repository or download and run the index.html in local server. for ex: You can create local server with python. "python -m SimpleHTTPServer 8000"


An AR marker to scan. Scan the below marker with letter 'G' or Print marker for better experience.

3D models displaying for each Alphabets.

Alphabet 3D Model
A Airplane ✈️
B Boat ⛵️
C Cow 🐮
D Deer
E Earth 🌎
F Flower 🌻
G Goat 🐐
H Headphone 🎧
I Iphone 📱
J Jaguar 🐅
K Knife
L Lion
M Monkey 🐒
N Nest
O Octopus 🐙
P Pencil ✏️
Q Q-Tip
R Rat 🐭
S Scissor ✂️
T Telescope 🔭
U Umbrella ☔️
V Van 🚚
W Whale 🐋
X Xmas Tree
Y Yolk
Z Zebra

Built With



Contributions are most welcome

  • Raise an issue
  • Suggest a feature
  • Raise a PR

⭐️ Please don't forget to star this repo if you found it useful. 👍 👏



This project is licensed under the MIT License - see the file for details