# <span style="color:red">**eyer** simply brings **AR** to your website</span>

**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:
&nbsp;
&nbsp;
## **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)
&nbsp;
&nbsp;
&nbsp;
## **But First, register your model in eyer website! (FREE) :point_down:**

## *www.eyer.ir*

<behsaman19@gmail.com>
&nbsp;
&nbsp;
## :heart: :100: