Fits the site you already have

Add Triiiceratops to an HTML page or import it through your bundler as a React, Vue, or Svelte component. Start with a IIIF manifest, then make the viewer your own.

Integration options

Use Triiiceratops in a collection website, a digital edition, or a research application, with the framework you already use.

The same viewer, with an integration suited to your framework.

Web component Add a script and a viewer tag to an HTML page. No build step required—a straightforward fit for static sites, CMS templates, and server-rendered pages. Read the guide of Web component

React Import a typed component, pass props, and connect your application through React hooks. Read the guide of React

Vue Use a component and composables that bring viewer state into Vue’s reactivity. Read the guide of Vue

Svelte Import the Svelte component directly and work with it alongside the rest of your application. Read the guide of Svelte

Either Web Component artifact — the self-contained script tag or the ESM registration entry — runs in Chrome 111 and newer, Firefox 113 and newer, and Safari 16.4 and newer, the versions that support the oklch and color-mix colors the viewer's styles use. The framework components follow whatever your own build targets.

Customize it easily with our configuration editor

Use the builder to try your own manifest, arrange the controls and panels, and choose a theme. See each change in a live viewer, then copy the code for your framework. You can also share a configuration for someone else to try.

Build your viewer →

Standalone or integrated

Embed a viewer on its own, or connect it to the rest of your application. Viewer state lets your interface follow navigation and drive the viewer; optional plugins add capabilities such as audio and video playback or image and PDF downloads.

The guides cover installation and integration. The builder is the quickest place to find the configuration you want. Explore the documentation →