# react-vr-image-gallery

> VR image gallery with transition animations and gaze-enabled control buttons.

Latest version **0.4.1** (published 2018-02-20) · 0 weekly downloads

## Install

```sh
npm install react-vr-image-gallery
pnpm add react-vr-image-gallery
yarn add react-vr-image-gallery
bun add react-vr-image-gallery
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.4.1 |
| Published | 2018-02-20 |
| First published | 2018-02-20 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 10 |
| Unpacked size | 39.3 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | peter.lazzarino |
| Keywords | reactvr, carousel, webvr, image gallery, gallery, VR |

## Links

- npm: https://www.npmjs.com/package/react-vr-image-gallery
- npm.io page: https://npm.io/package/react-vr-image-gallery

## Dependencies (10)

- [ovrui](https://npm.io/package/ovrui.md) ~2.0.0
- [react](https://npm.io/package/react.md) 16.0.0
- [redux](https://npm.io/package/redux.md) ^3.7.2
- [three](https://npm.io/package/three.md) ^0.87.0
- [react-vr](https://npm.io/package/react-vr.md) ~2.0.0
- [prop-types](https://npm.io/package/prop-types.md) 15.6.0
- [react-redux](https://npm.io/package/react-redux.md) ^5.0.6
- [react-native](https://npm.io/package/react-native.md) ~0.48.0
- [react-vr-web](https://npm.io/package/react-vr-web.md) ~2.0.0
- [create-react-class](https://npm.io/package/create-react-class.md) 15.6.2

## Alternatives

- [adhdev](https://npm.io/package/adhdev.md) — 11.1K weekly downloads
- [react-slide-button](https://npm.io/package/react-slide-button.md) — 310 weekly downloads
- [better](https://npm.io/package/better.md) — 42 weekly downloads
- [react-native-swipe-image](https://npm.io/package/react-native-swipe-image.md) — 22 weekly downloads
- [nl.fokkezb.pulltorefresh](https://npm.io/package/nl.fokkezb.pulltorefresh.md) — 11 weekly downloads

## Recent versions

- 0.4.1 (latest) — 2018-02-20
- 0.4.0 — 2018-02-20
- 0.3.0 — 2018-02-20
- 0.2.0 — 2018-02-20
- 0.1.0 — 2018-02-20
- 0.0.2 — 2018-02-20
- 0.0.1 — 2018-02-20

## README

# react-vr-image-gallery

VR image gallery with transition animations and gaze-enabled control buttons.

Currently supports square images only, will add more. Restrictions due to react-vr image constraints requiring exact image measurements for rendering. [More info on react-vr images](https://facebook.github.io/react-vr/docs/images.html).

![Preview image](https://media.giphy.com/media/NlF6CTWiw7pEb8xdPA/giphy.gif)

### Sample usage

```javascript
import React from 'react';
import {
  asset,
  View,
} from 'react-vr';
import Gallery, { imageTypes } from "react-vr-image-gallery";

export default class ImageGallery extends React.Component {
  render() {
    return (
      <View>
          <Gallery type={imageTypes.SQUARE} images={[
              asset("sun.jpg"),
              asset("star.jpg"),
              asset("earth.jpg"),
              asset("earth.jpg") 
            ]
          }/>
      </View>
    );
  }
};
```

---
_Source: https://npm.io/package/react-vr-image-gallery · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._