examples google group twitter #slack
npm install universalviewer@beta --save
- Zoomable
OpenSeadragon image zooming using the IIIF image API
- Embeddable
YouTube-style embedding with deep links to specific pages/zoom regions.
- Themable
Fork the UV theme on github to create your own.
- Configurable
The UV has its own visual configuration editor allowing all settings to be customised.
- Extensible
Supports IIIF Presentation API v3 (in development), allowing 3D, audio, video, and pdf viewing experiences.
More about the Universal Viewer
See the GitHub releases page.
For a "hello world" getting started example see uv-hello-world.
For an example of how to use the Universal Viewer in a website starter project that uses biiif to generate your IIIF data, see uv-app-starter.
All command-line operations for building the UV are scripted using Grunt which is based on Node.js. To get set up:
-
Install Node.js, if you haven't already
-
Install the grunt command line interface:
npm install -g grunt-cli
-
Clone the
universalviewer
repository andexamples
sub module:git clone https://github.com/UniversalViewer/universalviewer.git --recursive
-
On the command line, go in to the
universalviewer
folder -
Run
npm install
If switching between branches, ensure that you check out the correct branch in the
examples
sub-repository too. By default this should begh-pages
.
To build the debug version of the viewer, just run (on the command line, in the universalviewer
folder):
grunt build
This will compile the .less files into .css and .ts files into .js.
To build the distribution version of the UV, just run (on the command line, in the universalviewer
folder):
grunt build --dist
To view the examples run:
grunt examples
Support us with a monthly donation and help us continue our activities. [Become a backer]
Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]
The Universal Viewer is released under the MIT license.