> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tight.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Expense Dashboard

If you want to get up and running quickly with a proven expense tracking UX that matches your colors, fonts, and branding, then the Embeddable User Interface is your best bet. Tight's Expense Dashboard is a full-featured embedded experience (including all drill-down forms) for everything related to expenses; all you need to do is add an "Expenses" item to your product's navigation.

## 1. Initializing the Embedded Experience

To initialize the Tight Embedded experience in your project, follow the instructions on [Embedding Tight's white-labelled UI](/v5.0/getting-started/quickstart/embedded-ui#2-embedding-hurdlrs-white-labelled-ui-hurdlr-sdk).

## 2. Adding the Expense Dashboard to your app

To render the Expense Dashboard, you will need to provide the `elementId` parameter, which is the HTML `id` of the main `<div>` where you would like the Expense Dashboard to render. When your user taps on your "Expenses" navigation CTA, you simply need to invoke the following line of javascript:

```javascript theme={null}
Hurdlr.renderScreen(elementId, 'expenseDash');
```

## 3. Customizing the UI to match your branding

Tight's API team can quickly customize the UI to match your branding. Please follow the instructions on [Customizing the embedded UI to match your branding](/v5.0/getting-started/quickstart/embedded-ui#1-customizing-the-embedded-ui-to-match-your-branding).

Some examples of customized experiences are shown below:

<img src="https://mintcdn.com/tight-7c882d74/Wf-_-tBNZrYWdgZf/v5.0/images/adeffa8-zb_expenseDash.gif?s=15e09882eb88e566116ad3140aafc2e1" alt="Expense Dashboard Demo of custom styling" width="640" height="412" data-path="v5.0/images/adeffa8-zb_expenseDash.gif" />

<img src="https://mintcdn.com/tight-7c882d74/Wf-_-tBNZrYWdgZf/v5.0/images/82c7312-nv_expenseDash.gif?s=324f241b2dcc75b0f01b41bc3cef3de3" alt="Expense Dashboard Demo of custom styling #2" width="640" height="412" data-path="v5.0/images/82c7312-nv_expenseDash.gif" />

## 4. Plaid Link

If you are using your own [Plaid Integration](/v5.0/integrations/banking/plaid/integrating-plaid), then you will also want to take advantage of the Tight Embedded experience's [Plaid Integration event listeners](/v5.0/integrations/banking/plaid/integrating-plaid).