Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @knora/viewer with all npm packages installed. Try it out:

require("@angular/common/package.json"); // @angular/common is a peer dependency. require("@angular/core/package.json"); // @angular/core is a peer dependency. require("@angular/animations/package.json"); // @angular/animations is a peer dependency. require("@angular/cdk/package.json"); // @angular/cdk is a peer dependency. require("@angular/material/package.json"); // @angular/material is a peer dependency. require("@angular/flex-layout/package.json"); // @angular/flex-layout is a peer dependency. require("@knora/core/package.json"); // @knora/core is a peer dependency. var viewer = require("@knora/viewer")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@knora/viewer v7.4.0

Knora ui module: viewer

Knora-ui viewer module

npm (scoped)

This module is part of Knora-ui modules, developed by the team at the Data and Service Center for Humanities DaSCH.

The viewer module contains object components to show the resource class representations from Knora, the gui-elements for the property values and different kind of view frameworks.

ATTENTION: Knora-ui viewer is under development!


For help getting started with a new Angular app, check out the Angular CLI.

For existing apps, follow these steps to begin using Knora-ui viewer.


You can use either the npm or yarn command-line tool to install packages. Use whichever is appropriate for your project in the examples below.


$ yarn add @knora/viewer


$ npm install --save @knora/viewer


This module has the following package dependencies, which you also have to install.

  • @angular/common@7.2.7
  • @angular/core@7.2.7
  • @angular/animations@7.2.7
  • @angular/material@7.3.3
  • @angular/cdk@7.3.3
  • @angular/flex-layout@7.0.0-beta.22
  • @knora/core@7.4.0


Import the viewer module in your app.module.ts and add it to the NgModules's imports:

import { AppComponent } from './app.component';
import { KuiViewerModule } from '@knora/viewer';

    declarations: [
    imports: [
    providers: [ ],
    bootstrap: [AppComponent]
export class AppModule {
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free