--- title: "Viewer demo (3.x)" description: "A live demo of the Viewer, with your own IIIF resource or a Cookbook recipe. Clover 3.x (@samvera/clover-iiif), the earlier version, kept for reference." url: https://clover.iiif.library.northwestern.edu/docs/deprecated-versions/viewer/demo version: "3.x, the earlier version, superseded by Clover 4" --- > This page documents **Clover 3.x**, `@samvera/clover-iiif`, the earlier version of Clover, kept here for reference. These docs lead with Clover 4: [Get started](https://clover.iiif.library.northwestern.edu/docs). ## Demo Clover's Viewer is an accessible IIIF viewer that renders multi-canvas items with pan-and-zoom for images and a built-in player for audio and video, all driven by the Manifest. Paste the address of your own IIIF Manifest or Collection below to try it out, or start with one of ours. View a IIIF Manifest or valid IIIF resource View a IIIF Manifest or valid IIIF resource > **Example items**: a live example on the page, showing sample IIIF data. What it shows is demonstration content, not about Clover; its code, where the page gives it, follows. > > - > - > - > - > - > - > - > - ### Cookbook Recipes The [IIIF Cookbook](https://iiif.io/api/cookbook/) is a set of recipes showing how to model real-world resources in IIIF. Below is every recipe it advertises, grouped as on iiif.io, and whether the Clover [Viewer](https://clover.iiif.library.northwestern.edu/docs/deprecated-versions/viewer) covers it. Choose **View** to open a recipe in a Clover Viewer that slides in over the page. **25** of 76 recipes supported, 2 partially. #### Building a manifest in stages, adding more complexity at each stage | Supported | Recipe | Demo | | --------- | -------------------------------------------------- | ---------------------------------------------------------------------------- | | | 0001-mvm-image | [Recipe](https://iiif.io/api/cookbook/recipe/0001-mvm-image/) | | | 0002-mvm-audio | [Recipe](https://iiif.io/api/cookbook/recipe/0002-mvm-audio/) | | | 0003-mvm-video | [Recipe](https://iiif.io/api/cookbook/recipe/0003-mvm-video/) | | | 0608-mvm-3d | [Recipe](https://iiif.io/api/cookbook/recipe/0608-mvm-3d/) | | | 0004-canvas-size | [Recipe](https://iiif.io/api/cookbook/recipe/0004-canvas-size/) | | | 0005-image-service | [Recipe](https://iiif.io/api/cookbook/recipe/0005-image-service/) | | | 0006-text-language | [Recipe](https://iiif.io/api/cookbook/recipe/0006-text-language/) | | | 0118-multivalue | [Recipe](https://iiif.io/api/cookbook/recipe/0118-multivalue/) | | | 0007-string-formats | [Recipe](https://iiif.io/api/cookbook/recipe/0007-string-formats/) | | | 0029-metadata-anywhere | [Recipe](https://iiif.io/api/cookbook/recipe/0029-metadata-anywhere/) | | | 0008-rights | [Recipe](https://iiif.io/api/cookbook/recipe/0008-rights/) | | | 0009-book-1 | [Recipe](https://iiif.io/api/cookbook/recipe/0009-book-1/) | | | 0011-book-3-behavior | [Recipe](https://iiif.io/api/cookbook/recipe/0011-book-3-behavior/) | | | 0299-region | [Recipe](https://iiif.io/api/cookbook/recipe/0299-region/) | | | 0010-book-2-viewing-direction | [Recipe](https://iiif.io/api/cookbook/recipe/0010-book-2-viewing-direction/) | | | 0283-missing-image | [Recipe](https://iiif.io/api/cookbook/recipe/0283-missing-image/) | | | 0117-add-image-thumbnail | [Recipe](https://iiif.io/api/cookbook/recipe/0117-add-image-thumbnail/) | | | 0232-image-thumbnail-canvas | [Recipe](https://iiif.io/api/cookbook/recipe/0232-image-thumbnail-canvas/) | | | 0013-placeholderCanvas | [Recipe](https://iiif.io/api/cookbook/recipe/0013-placeholderCanvas/) | | | 0014-accompanyingcanvas | [Recipe](https://iiif.io/api/cookbook/recipe/0014-accompanyingcanvas/) | | | 0202-start-canvas | [Recipe](https://iiif.io/api/cookbook/recipe/0202-start-canvas/) | | | 0015-start | [Recipe](https://iiif.io/api/cookbook/recipe/0015-start/) | | | 0230-navdate | [Recipe](https://iiif.io/api/cookbook/recipe/0230-navdate/) | | | 0154-geo-extensionMap tab; set options.map.enabled | [Recipe](https://iiif.io/api/cookbook/recipe/0154-geo-extension/) | | | 0240-navPlace-on-canvases | [Recipe](https://iiif.io/api/cookbook/recipe/0240-navPlace-on-canvases/) | | | 0234-provider | [Recipe](https://iiif.io/api/cookbook/recipe/0234-provider/) | | | 0032-collection | [Recipe](https://iiif.io/api/cookbook/recipe/0032-collection/) | | | 0464-reuse-manifest | [Recipe](https://iiif.io/api/cookbook/recipe/0464-reuse-manifest/) | #### Textual and other supplementary content | Supported | Recipe | Demo | | --------- | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | | | 0017-transcription-av | [Recipe](https://iiif.io/api/cookbook/recipe/0017-transcription-av/) | | | 0103-poetry-reading-annotations | [Recipe](https://iiif.io/api/cookbook/recipe/0103-poetry-reading-annotations/) | | | 0046-rendering | [Recipe](https://iiif.io/api/cookbook/recipe/0046-rendering/) | | | Transcripts, Captions, and Subtitles - General Considerations0231-transcript-meta-recipe | [Recipe](https://iiif.io/api/cookbook/recipe/0231-transcript-meta-recipe/) | | | 0219-using-caption-file | [Recipe](https://iiif.io/api/cookbook/recipe/0219-using-caption-file/) | | | 0253-using-transcript-file | [Recipe](https://iiif.io/api/cookbook/recipe/0253-using-transcript-file/) | #### Other kinds of annotations | Supported | Recipe | Demo | | --------- | --------------------------------------- | -------------------------------------------------------------------------------------- | | | 0266-full-canvas-annotation | [Recipe](https://iiif.io/api/cookbook/recipe/0266-full-canvas-annotation/) | | | 0019-html-in-annotations | [Recipe](https://iiif.io/api/cookbook/recipe/0019-html-in-annotations/) | | | 0045-css | [Recipe](https://iiif.io/api/cookbook/recipe/0045-css/) | | | 0021-tagging | [Recipe](https://iiif.io/api/cookbook/recipe/0021-tagging/) | | | 0261-non-rectangular-commenting | [Recipe](https://iiif.io/api/cookbook/recipe/0261-non-rectangular-commenting/) | | | 0258-tagging-external-resource | [Recipe](https://iiif.io/api/cookbook/recipe/0258-tagging-external-resource/) | | | 0022-linking-with-a-hotspot | [Recipe](https://iiif.io/api/cookbook/recipe/0022-linking-with-a-hotspot/) | | | 0326-annotating-image-layer | [Recipe](https://iiif.io/api/cookbook/recipe/0326-annotating-image-layer/) | | | 0135-annotating-point-in-canvas | [Recipe](https://iiif.io/api/cookbook/recipe/0135-annotating-point-in-canvas/) | | | 0139-geolocate-canvas-fragment | [Recipe](https://iiif.io/api/cookbook/recipe/0139-geolocate-canvas-fragment/) | | | 0269-embedded-or-referenced-annotations | [Recipe](https://iiif.io/api/cookbook/recipe/0269-embedded-or-referenced-annotations/) | | | 0306-linking-annotations-to-manifests | [Recipe](https://iiif.io/api/cookbook/recipe/0306-linking-annotations-to-manifests/) | | | 0309-annotation-collection | [Recipe](https://iiif.io/api/cookbook/recipe/0309-annotation-collection/) | | | 0377-image-in-annotation | [Recipe](https://iiif.io/api/cookbook/recipe/0377-image-in-annotation/) | | | 0346-multilingual-annotation-body | [Recipe](https://iiif.io/api/cookbook/recipe/0346-multilingual-annotation-body/) | | | 0561-text-on-image | [Recipe](https://iiif.io/api/cookbook/recipe/0561-text-on-image/) | #### Internal structure | Supported | Recipe | Demo | | --------- | ---------------------------- | --------------------------------------------------------------------------- | | | 0024-book-4-toc | [Recipe](https://iiif.io/api/cookbook/recipe/0024-book-4-toc/) | | | 0025-newspaper-article-index | [Recipe](https://iiif.io/api/cookbook/recipe/0025-newspaper-article-index/) | | | 0026-toc-opera | [Recipe](https://iiif.io/api/cookbook/recipe/0026-toc-opera/) | | | 0229-behavior-ranges | [Recipe](https://iiif.io/api/cookbook/recipe/0229-behavior-ranges/) | | | 0027-alternative-page-order | [Recipe](https://iiif.io/api/cookbook/recipe/0027-alternative-page-order/) | #### Higher-level structure | Supported | Recipe | Demo | | --------- | ---------------------- | --------------------------------------------------------------------- | | | 0030-multi-volume | [Recipe](https://iiif.io/api/cookbook/recipe/0030-multi-volume/) | | | 0031-bound-multivolume | [Recipe](https://iiif.io/api/cookbook/recipe/0031-bound-multivolume/) | #### Segmentation and complex resources | Supported | Recipe | Demo | | --------- | ------------------------------------- | ------------------------------------------------------------------------------------ | | | 0033-choice | [Recipe](https://iiif.io/api/cookbook/recipe/0033-choice/) | | | 0035-foldouts | [Recipe](https://iiif.io/api/cookbook/recipe/0035-foldouts/) | | | 0036-composition-from-multiple-images | [Recipe](https://iiif.io/api/cookbook/recipe/0036-composition-from-multiple-images/) | | | 0560-resources-on-a-timeline | [Recipe](https://iiif.io/api/cookbook/recipe/0560-resources-on-a-timeline/) | | | 0489-multimedia-canvas | [Recipe](https://iiif.io/api/cookbook/recipe/0489-multimedia-canvas/) | | | 0040-image-rotation-service | [Recipe](https://iiif.io/api/cookbook/recipe/0040-image-rotation-service/) | #### Linking | Supported | Recipe | Demo | | --------- | ------------- | ------------------------------------------------------------ | | | 0047-homepage | [Recipe](https://iiif.io/api/cookbook/recipe/0047-homepage/) | | | 0053-seeAlso | [Recipe](https://iiif.io/api/cookbook/recipe/0053-seeAlso/) | #### Sharing IIIF content | Supported | Recipe | Demo | | --------- | --------------------------------------- | -------------------------------------------------------------------------------------- | | | 0466-link-for-loading-manifest | [Recipe](https://iiif.io/api/cookbook/recipe/0466-link-for-loading-manifest/) | | | 0485-contentstate-canvas-region | [Recipe](https://iiif.io/api/cookbook/recipe/0485-contentstate-canvas-region/) | | | 0540-link-for-opening-multiple-canvases | [Recipe](https://iiif.io/api/cookbook/recipe/0540-link-for-opening-multiple-canvases/) | | | 0599-drag-and-drop | [Recipe](https://iiif.io/api/cookbook/recipe/0599-drag-and-drop/) | #### Technical | Supported | Recipe | Demo | | --------- | ------------------------- | ------------------------------------------------------------------------ | | | 0057-publishing-v2-and-v3 | [Recipe](https://iiif.io/api/cookbook/recipe/0057-publishing-v2-and-v3/) | #### Real-world complex objects (ideally taken from actual collections) | Supported | Recipe | Demo | | --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------------------ | | | 0434-choice-av | [Recipe](https://iiif.io/api/cookbook/recipe/0434-choice-av/) | | | 0064-opera-one-canvas | [Recipe](https://iiif.io/api/cookbook/recipe/0064-opera-one-canvas/) | | | 0065-opera-multiple-canvases | [Recipe](https://iiif.io/api/cookbook/recipe/0065-opera-multiple-canvases/) | | | 0068-newspaper | [Recipe](https://iiif.io/api/cookbook/recipe/0068-newspaper/) | | | 0074-multiple-language-captions | [Recipe](https://iiif.io/api/cookbook/recipe/0074-multiple-language-captions/) | | | 0318-navPlace-navDatePlace on the Map tab; no chronology navigation | [Recipe](https://iiif.io/api/cookbook/recipe/0318-navPlace-navDate/) |