Tridi - JavaScript 360 3D Product Viewer

npm (tag)

This docs is for Tridi v1.x. Read Tridi v2 documentation or how to upgrade to version 2.x

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

Works on mobile and desktop browsers (including IE 10 and IE 11).

Install from npm

npm install tridi

Manual build

Node.js (LTS or latest) required.

git clone
npm install
npm run lint
npm run test
npm run build


Quick start

Add Tridi to your site:

<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">

See Basic viewer for a minimal viable example.




Bugs / contributions

See list of open issues or create a new issue / feature request

To contribute, fork a repository and submit a pull request.


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


Licensed under MIT License. See LICENSE for more information.

© 2019-2021 Łukasz Wójcik