eyer-react is an Augmented Reality package for embedding Augmented Reality content on your React website.
The eyeR is developed with love for you 😍
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! 💪
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)