Getting started with Augmented Reality Kit

share link

by kandikits dot icon Updated: Jun 28, 2022

technology logo
technology logo

Solution Kit Solution Kit  

AR Model Augmented reality enables you to bring virtual objects into your environment, augmenting the real world around with new digital content. With AR Kit, you can create experiences that integrate virtual images into the real world to interact with people, things, places, and services; simply by walking around a store, office, outdoors, or at home with a mobile device in their hands. A-Frame is a web framework for building virtual reality experiences. A-Frame is built on top of the web platform to allow it to work across multiple browsers without plugins. Arframe is a library that provides React components for working with A-Frame and React components for working with AR.js (AR library). Networked-aframe is an extension that makes it possible to use interactivity between multiple devices running A-Frame by connecting them over the WebRTC protocol. The entire list of open-source repos, popular and easy to use AR-specific libraries and a demo is provided below.

Aframe for Augmented Reality

A-Frame is an open-source web framework used for building Augmented reality (AR) experiences.

aframeby aframevr

JavaScript doticonstar image 15445 doticonVersion:v1.4.2doticon
License: Permissive (MIT)

:a: Web framework for building virtual reality experiences.

Support
    Quality
      Security
        License
          Reuse

            aframeby aframevr

            JavaScript doticon star image 15445 doticonVersion:v1.4.2doticon License: Permissive (MIT)

            :a: Web framework for building virtual reality experiences.
            Support
              Quality
                Security
                  License
                    Reuse

                      aframe-reactby supermedium

                      JavaScript doticonstar image 1380 doticonVersion:v4.0.3doticon
                      License: Permissive (MIT)

                      :atom: Build virtual reality experiences with A-Frame and React.

                      Support
                        Quality
                          Security
                            License
                              Reuse

                                aframe-reactby supermedium

                                JavaScript doticon star image 1380 doticonVersion:v4.0.3doticon License: Permissive (MIT)

                                :atom: Build virtual reality experiences with A-Frame and React.
                                Support
                                  Quality
                                    Security
                                      License
                                        Reuse

                                          networked-aframeby networked-aframe

                                          JavaScript doticonstar image 1048 doticonVersion:0.11.0doticon
                                          License: Permissive (MIT)

                                          A web framework for building multi-user virtual reality experiences.

                                          Support
                                            Quality
                                              Security
                                                License
                                                  Reuse

                                                    networked-aframeby networked-aframe

                                                    JavaScript doticon star image 1048 doticonVersion:0.11.0doticon License: Permissive (MIT)

                                                    A web framework for building multi-user virtual reality experiences.
                                                    Support
                                                      Quality
                                                        Security
                                                          License
                                                            Reuse
                                                              JavaScript doticonstar image 871 doticonVersion:Currentdoticon
                                                              License: Permissive (MIT)

                                                              Add-ons and helpers for A-Frame VR.

                                                              Support
                                                                Quality
                                                                  Security
                                                                    License
                                                                      Reuse

                                                                        aframe-extrasby n5ro

                                                                        JavaScript doticon star image 871 doticonVersion:Currentdoticon License: Permissive (MIT)

                                                                        Add-ons and helpers for A-Frame VR.
                                                                        Support
                                                                          Quality
                                                                            Security
                                                                              License
                                                                                Reuse

                                                                                  aframe-inspectorby aframevr

                                                                                  JavaScript doticonstar image 597 doticonVersion:v1.4.1doticon
                                                                                  License: Permissive (MIT)

                                                                                  :mag: Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.

                                                                                  Support
                                                                                    Quality
                                                                                      Security
                                                                                        License
                                                                                          Reuse

                                                                                            aframe-inspectorby aframevr

                                                                                            JavaScript doticon star image 597 doticonVersion:v1.4.1doticon License: Permissive (MIT)

                                                                                            :mag: Visual inspector tool for A-Frame. Hit * + + i* on any A-Frame scene.
                                                                                            Support
                                                                                              Quality
                                                                                                Security
                                                                                                  License
                                                                                                    Reuse

                                                                                                      Three.js for AR Libraries

                                                                                                      Three.js is the open-source web framework used to develop augmented reality (AR) projects.

                                                                                                      TypeScript doticonstar image 22899 doticonVersion:v8.13.3doticon
                                                                                                      License: Permissive (MIT)

                                                                                                      🇨🇭 A React renderer for Three.js

                                                                                                      Support
                                                                                                        Quality
                                                                                                          Security
                                                                                                            License
                                                                                                              Reuse

                                                                                                                react-three-fiberby pmndrs

                                                                                                                TypeScript doticon star image 22899 doticonVersion:v8.13.3doticon License: Permissive (MIT)

                                                                                                                🇨🇭 A React renderer for Three.js
                                                                                                                Support
                                                                                                                  Quality
                                                                                                                    Security
                                                                                                                      License
                                                                                                                        Reuse
                                                                                                                          JavaScript doticonstar image 2016 doticonVersion:Currentdoticon
                                                                                                                          License: Permissive (MIT)

                                                                                                                          Interactive sketches made with three.js.

                                                                                                                          Support
                                                                                                                            Quality
                                                                                                                              Security
                                                                                                                                License
                                                                                                                                  Reuse

                                                                                                                                    sketch-threejsby ykob

                                                                                                                                    JavaScript doticon star image 2016 doticonVersion:Currentdoticon License: Permissive (MIT)

                                                                                                                                    Interactive sketches made with three.js.
                                                                                                                                    Support
                                                                                                                                      Quality
                                                                                                                                        Security
                                                                                                                                          License
                                                                                                                                            Reuse

                                                                                                                                              vue-threejsby fritx

                                                                                                                                              JavaScript doticonstar image 740 doticonVersion:Currentdoticon
                                                                                                                                              License: Permissive (MIT)

                                                                                                                                              Vue bindings for Three.js

                                                                                                                                              Support
                                                                                                                                                Quality
                                                                                                                                                  Security
                                                                                                                                                    License
                                                                                                                                                      Reuse

                                                                                                                                                        vue-threejsby fritx

                                                                                                                                                        JavaScript doticon star image 740 doticonVersion:Currentdoticon License: Permissive (MIT)

                                                                                                                                                        Vue bindings for Three.js
                                                                                                                                                        Support
                                                                                                                                                          Quality
                                                                                                                                                            Security
                                                                                                                                                              License
                                                                                                                                                                Reuse

                                                                                                                                                                  threejs-examplesby luosijie

                                                                                                                                                                  JavaScript doticonstar image 435 doticonVersion:Currentdoticon
                                                                                                                                                                  License: Permissive (MIT)

                                                                                                                                                                  This is a place where I post sketches, experiments and the like based on Three.js

                                                                                                                                                                  Support
                                                                                                                                                                    Quality
                                                                                                                                                                      Security
                                                                                                                                                                        License
                                                                                                                                                                          Reuse

                                                                                                                                                                            threejs-examplesby luosijie

                                                                                                                                                                            JavaScript doticon star image 435 doticonVersion:Currentdoticon License: Permissive (MIT)

                                                                                                                                                                            This is a place where I post sketches, experiments and the like based on Three.js
                                                                                                                                                                            Support
                                                                                                                                                                              Quality
                                                                                                                                                                                Security
                                                                                                                                                                                  License
                                                                                                                                                                                    Reuse

                                                                                                                                                                                      tensorspaceby tensorspace-team

                                                                                                                                                                                      JavaScript doticonstar image 4873 doticonVersion:v0.6doticon
                                                                                                                                                                                      License: Permissive (Apache-2.0)

                                                                                                                                                                                      Neural network 3D visualization framework, build interactive and intuitive model in browsers, support pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js

                                                                                                                                                                                      Support
                                                                                                                                                                                        Quality
                                                                                                                                                                                          Security
                                                                                                                                                                                            License
                                                                                                                                                                                              Reuse

                                                                                                                                                                                                tensorspaceby tensorspace-team

                                                                                                                                                                                                JavaScript doticon star image 4873 doticonVersion:v0.6doticon License: Permissive (Apache-2.0)

                                                                                                                                                                                                Neural network 3D visualization framework, build interactive and intuitive model in browsers, support pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js
                                                                                                                                                                                                Support
                                                                                                                                                                                                  Quality
                                                                                                                                                                                                    Security
                                                                                                                                                                                                      License
                                                                                                                                                                                                        Reuse

                                                                                                                                                                                                          Web AR Libraries

                                                                                                                                                                                                          Web-based augmented reality (WebAR) is the most advanced technology that allows users to access AR experiences directly from their smartphones.

                                                                                                                                                                                                          mind-ar-jsby hiukim

                                                                                                                                                                                                          JavaScript doticonstar image 1610 doticonVersion:v1.2.2doticon
                                                                                                                                                                                                          License: Permissive (MIT)

                                                                                                                                                                                                          Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js

                                                                                                                                                                                                          Support
                                                                                                                                                                                                            Quality
                                                                                                                                                                                                              Security
                                                                                                                                                                                                                License
                                                                                                                                                                                                                  Reuse

                                                                                                                                                                                                                    mind-ar-jsby hiukim

                                                                                                                                                                                                                    JavaScript doticon star image 1610 doticonVersion:v1.2.2doticon License: Permissive (MIT)

                                                                                                                                                                                                                    Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js
                                                                                                                                                                                                                    Support
                                                                                                                                                                                                                      Quality
                                                                                                                                                                                                                        Security
                                                                                                                                                                                                                          License
                                                                                                                                                                                                                            Reuse

                                                                                                                                                                                                                              AR.jsby jeromeetienne

                                                                                                                                                                                                                              HTML doticonstar image 15695 doticonVersion:Currentdoticon
                                                                                                                                                                                                                              License: Permissive (MIT)

                                                                                                                                                                                                                              Efficient Augmented Reality for the Web - 60fps on mobile!

                                                                                                                                                                                                                              Support
                                                                                                                                                                                                                                Quality
                                                                                                                                                                                                                                  Security
                                                                                                                                                                                                                                    License
                                                                                                                                                                                                                                      Reuse

                                                                                                                                                                                                                                        AR.jsby jeromeetienne

                                                                                                                                                                                                                                        HTML doticon star image 15695 doticonVersion:Currentdoticon License: Permissive (MIT)

                                                                                                                                                                                                                                        Efficient Augmented Reality for the Web - 60fps on mobile!
                                                                                                                                                                                                                                        Support
                                                                                                                                                                                                                                          Quality
                                                                                                                                                                                                                                            Security
                                                                                                                                                                                                                                              License
                                                                                                                                                                                                                                                Reuse

                                                                                                                                                                                                                                                  AR.jsby AR-js-org

                                                                                                                                                                                                                                                  JavaScript doticonstar image 4613 doticonVersion:3.4.5doticon
                                                                                                                                                                                                                                                  License: Permissive (MIT)

                                                                                                                                                                                                                                                  Image tracking, Location Based AR, Marker tracking. All on the Web.

                                                                                                                                                                                                                                                  Support
                                                                                                                                                                                                                                                    Quality
                                                                                                                                                                                                                                                      Security
                                                                                                                                                                                                                                                        License
                                                                                                                                                                                                                                                          Reuse

                                                                                                                                                                                                                                                            AR.jsby AR-js-org

                                                                                                                                                                                                                                                            JavaScript doticon star image 4613 doticonVersion:3.4.5doticon License: Permissive (MIT)

                                                                                                                                                                                                                                                            Image tracking, Location Based AR, Marker tracking. All on the Web.
                                                                                                                                                                                                                                                            Support
                                                                                                                                                                                                                                                              Quality
                                                                                                                                                                                                                                                                Security
                                                                                                                                                                                                                                                                  License
                                                                                                                                                                                                                                                                    Reuse

                                                                                                                                                                                                                                                                      AR.js-examplesby stemkoski

                                                                                                                                                                                                                                                                      JavaScript doticonstar image 25 doticonVersion:Currentdoticon
                                                                                                                                                                                                                                                                      License: Permissive (MIT)

                                                                                                                                                                                                                                                                      Examples using the AR.js library

                                                                                                                                                                                                                                                                      Support
                                                                                                                                                                                                                                                                        Quality
                                                                                                                                                                                                                                                                          Security
                                                                                                                                                                                                                                                                            License
                                                                                                                                                                                                                                                                              Reuse

                                                                                                                                                                                                                                                                                AR.js-examplesby stemkoski

                                                                                                                                                                                                                                                                                JavaScript doticon star image 25 doticonVersion:Currentdoticon License: Permissive (MIT)

                                                                                                                                                                                                                                                                                Examples using the AR.js library
                                                                                                                                                                                                                                                                                Support
                                                                                                                                                                                                                                                                                  Quality
                                                                                                                                                                                                                                                                                    Security
                                                                                                                                                                                                                                                                                      License
                                                                                                                                                                                                                                                                                        Reuse

                                                                                                                                                                                                                                                                                          AR.js-docsby jeromeetienne

                                                                                                                                                                                                                                                                                          JavaScript doticonstar image 44 doticonVersion:Currentdoticon
                                                                                                                                                                                                                                                                                          License: Permissive (MIT)

                                                                                                                                                                                                                                                                                          documentation for AR.js

                                                                                                                                                                                                                                                                                          Support
                                                                                                                                                                                                                                                                                            Quality
                                                                                                                                                                                                                                                                                              Security
                                                                                                                                                                                                                                                                                                License
                                                                                                                                                                                                                                                                                                  Reuse

                                                                                                                                                                                                                                                                                                    AR.js-docsby jeromeetienne

                                                                                                                                                                                                                                                                                                    JavaScript doticon star image 44 doticonVersion:Currentdoticon License: Permissive (MIT)

                                                                                                                                                                                                                                                                                                    documentation for AR.js
                                                                                                                                                                                                                                                                                                    Support
                                                                                                                                                                                                                                                                                                      Quality
                                                                                                                                                                                                                                                                                                        Security
                                                                                                                                                                                                                                                                                                          License
                                                                                                                                                                                                                                                                                                            Reuse

                                                                                                                                                                                                                                                                                                              Deployment Information

                                                                                                                                                                                                                                                                                                              Here's a project with the installer, source code, and step-by-step tutorial that you can build in under 30 mins. Example project on Augmented Reality Link for getting started with Augmented Reality Kit Build AR Powered E-commerce site Watch recording of a live training session on Build AR Powered E-commerce site

                                                                                                                                                                                                                                                                                                              See similar Kits and Libraries