---
title: Document UI Template
nextjs:
  metadata:
    title: Document UI Template
    description: "The document ui template has components to assemble a dashboard quickly. "
    openGraph:
      images: https://assets.terminusdb.com/docs/technical-documentation-terminuscms-og.png
    alternates:
      canonical: https://terminusdb.org/docs/document-ui-template/
media: []
---

A Software Development Kit (SDK) to build a UI from @terminusdb/terminusdb-documents-ui and the @terminusdb/terminusdb-react-table.

This template has components to assemble a dashboard quickly. You also have the option to use our base components like the FramesViewer and TDBReactTable.

## Installation

Install the dependencies from npm

```bash
npm install @terminusdb/terminusdb-documents-ui
npm install @terminusdb/terminusdb-react-table
npm install @terminusdb/terminusdb-documents-ui-templates
```

## Run a Dashboard Example in Code Sandbox

`terminusdb-documents-ui-templates` are a collection of hooks to connect with the TerminusDB server and a number of templates (components) for building a dashboard.

The sandbox features an example and how to use the components and hooks to assemble your pages.

[Source Code](https://github.com/terminusdb/dashboard-examples-sandbox/tree/main/terminusdb-documents-ui-template-example/dashboard-demo)

[Code Sandbox](https://codesandbox.io/s/github/terminusdb/dashboard-examples-sandbox/tree/main/terminusdb-documents-ui-template-example/dashboard-demo)