A modern, lightweight, and fully featured IIIF viewer
Triiiceratops installs as a typed React, Vue, or Svelte component, or as one script tag in any HTML page, with layout and theme fully configurable.
A fifth the size of viewers like Mirador and Universal Viewer while covering considerably more of the IIIF spec than either. See the measurements
Layout Examples
Theme
4 built-ins, 49 typed slots, or your own tokens
theme themeConfig.primary themeConfig.viewerBg themeConfig.radiusBox themeConfig.radiusButtons Layout
8 settings, 240 distinct arrangements
controls nav.style nav.edge toolbar.side toolbar.anchor gallery.open gallery.dockPosition const config = {
viewingMode: 'continuous',
controls: 'split',
toolbar: { side: 'left', anchor: 'center' },
nav: { style: 'docked', edge: 'bottom', align: 'center' },
gallery: { open: false },
};
// No built-in theme: the viewer wears this page’s tokens.
const themeConfig = { viewerBg: 'var(--stage)', content: 'var(--ink)', … };