Eyer-react NPM

eyer simply brings AR to your website

eyer-react is an Augmented Reality package for embedding Augmented Reality content on your React website.\ The eyeR is developed with love for you :heart_eyes:\ You can easily display your products in 3D on the website and\ give your users the possibility to view your products in Augmented Reality.\ Get started now! :muscle:

eyer is very easy to use:

First install package:\ npm i eyer-react@latest

And in your code, change <img src='example.jpg'/> to:

import eyer from 'eyer-react'\ import {useEffect} from 'react'\ export default function Home() {\ useEffect(()=>{if (typeof window!=='undefined') eyer()},[])\ return (\ <div className='eyer' eyerid='#' imagesrc='example.jpg' style={{desired style for image such as:width,height,...}}></div>\ )}

Don't change className='eyer'
Replace # with your eyerid got from www.eyer.ir website
Give your desired style for image (which is in the role of placeholder for 3d model)