eyer-react
v1.6.1
Published
An Augmented Reality package for embedding Augmented Reality content on your React website.
Downloads
27
Maintainers
Readme
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)
