This library is no longer supported or maintained. Read the story of Tridi on my blog »

Tridi is a flexible JavaScript library for 360-degree 3D product visualizations based on series of images. Works on mobile and desktop browsers.

npm install tridi

• Latest release — full package from GitHub
• Source code — contains full uncompiled TypeScript source code

Import Tridi as a module:

import * as Tridi from 'tridi';
// or:
const Tridi = require('tridi');

Or add Tridi to your site via a traditional script tag:

<script src="path/to/tridi.js"></script>

For minimum styling add tridi.css to head section of your page:

<link rel="stylesheet" href="path/to/tridi.css">

Check out react-tridi by Tuan Pham which implements Tridi as a fully fledged React component.

Documentation site is no longer available, but its content can still be found in dist folder.

Tridi was loosely inspired by 3D-Product-Viewer-JavaScript-Plugin by Jeya Prakash.