eyer-react

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)      

But First, register your model in eyer website! (FREE) :point_down:

www.eyer.ir

[e-mail]    

:heart: :100: