UNPKG

eyer-react

Version:

An Augmented Reality package for embedding Augmented Reality content on your React website.

41 lines (31 loc) • 1.33 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
# <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: