Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/lwojcik/react-tridi-wrapper

360-degree image viewer as a React component
https://github.com/lwojcik/react-tridi-wrapper

360 360-photo 360-view 360photo 3d image image-viewer javascript product product-view product-viewer product-visualisation tridi viewer

Last synced: 3 months ago
JSON representation

360-degree image viewer as a React component

Host: GitHub
URL: https://github.com/lwojcik/react-tridi-wrapper
Owner: lwojcik
License: mit
Archived: true
Created: 2021-01-09T19:27:32.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2022-05-22T19:25:43.000Z (about 2 years ago)
Last Synced: 2024-02-25T01:20:21.588Z (5 months ago)
Topics: 360, 360-photo, 360-view, 360photo, 3d, image, image-viewer, javascript, product, product-view, product-viewer, product-visualisation, tridi, viewer
Language: TypeScript
Homepage: https://tridi.lukem.net/
Size: 48.8 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Lists

awesome - lwojcik/react-tridi-wrapper - 360-degree image viewer as a React component (TypeScript)

README

        # react-tridi-wrapper

[![npm (latest)](https://img.shields.io/npm/v/react-tridi-wrapper/latest.svg)](https://www.npmjs.com/package/react-tridi-wrapper)

[![Build status](https://ci.appveyor.com/api/projects/status/mc374b3atvv6026q/branch/master?svg=true)](https://ci.appveyor.com/project/lwojcik/react-tridi-wrapper/branch/master)

[![codecov](https://codecov.io/gh/tridijs/react-tridi-wrapper/branch/master/graph/badge.svg?token=D3DW3W2JZP)](https://codecov.io/gh/tridijs/react-tridi-wrapper)

React component for embedding 360-degree 3D image viewers with [Tridi](https://tridi.lukem.net/).

Note that this is a thin wrapper for an original library and it may not offer all available functionality. For a fully fledged React component check out [react-tridi by Tuan Pham](https://www.npmjs.com/package/react-tridi).

## Install

```

npm install --save react-tridi-wrapper

```

## Usage

Example:

```javascript

import Tridi from 'react-tridi-wrapper';

function App() {

  const options = {

    element: '.tridi-basic',

    location: '/images/white',

    format: 'jpg',

    count: 36,

  };

  return (

    


      

    

  );

}

```

## Contributions

Contributions of any kind are welcome.

You can contribute to react-tridi-wrapper by:

* submiting bug reports or feature suggestions

* improving documentation

* submitting pull requests

Before contributing be sure to read [Contributing Guidelines](https://github.com/lukemnet/react-tridi-wrapper/blob/master/CONTRIBUTING.md) and [Code of Conduct](https://github.com/lukemnet/react-tridi-wrapper/blob/master/CODE_OF_CONDUCT.md).

## Contributors

To all who contribute code, improve documentation, submit issues or feature requests - thank you for making react-tridi-wrapper even better!

We maintain an [AUTHORS](https://github.com/lukemnet/react-tridi-wrapper/blob/master/AUTHORS) file where we keep a list of all project contributors. Please consider adding your name there with your next PR.

## License

Code is available under MIT license. See [LICENSE](https://raw.githubusercontent.com/lukemnet/react-tridi-wrapper/master/LICENSE) for more information.