---
title: "Customizing the UI · Unlighthouse"
canonical_url: "https://unlighthouse.dev/guide/recipes/client"
last_updated: "2026-01-25T03:25:52Z"
meta:
  description: "Modify Unlighthouse client interface columns and display to show custom metrics and data."
  "og:description": "Modify Unlighthouse client interface columns and display to show custom metrics and data."
  "og:title": "Customizing the UI · Unlighthouse"
---

Star Unlighthouse on GitHubUnlighthouse on GitHub

[**User Guide **](https://unlighthouse.dev/guide/getting-started/installation)

[**Integrations **](https://unlighthouse.dev/integrations/cli)

[**API **](https://unlighthouse.dev/api-doc/config)

**Recipes**

# **Customizing the UI**

[Copy for LLMs](https://unlighthouse.dev/guide/recipes/client.md)

Customize the Unlighthouse dashboard to display metrics relevant to your workflow. Replace default columns, add custom audit displays, and configure how results appear.

## Customizing Columns

Replace or add columns to display specific Lighthouse metrics:

### Example: Replace FCP with Server Response Time

```ts
import { defineUnlighthouseConfig } from 'unlighthouse/config'

export default defineUnlighthouseConfig({
  hooks: {
    'resolved-config': function (config) {
      config.client.columns.performance[2] = {
        cols: 1,
        label: 'Response Time',
        tooltip: 'Time for the server to respond',
        sortKey: 'numericValue',
        key: 'report.audits.server-response-time',
      }
    },
  },
})
```

See the [**~~Column API Reference~~**](https://unlighthouse.dev/api-doc/glossary#columns) for all available column options.

[Edit this page](https://github.com/harlan-zw/unlighthouse/edit/main/docs/1.guide/recipes/client.md)

[Markdown For LLMs](https://unlighthouse.dev/guide/recipes/client.md)

**Did this page help you? **

Anything that could be done better? :)

Help us improve this page. You can [~~edit this page ~~](https://github.com/harlan-zw/unlighthouse/edit/main/docs/1.guide/recipes/client.md) on GitHub or provide anonymous feedback below.

### **Related **

[**Glossary**](https://unlighthouse.dev/api-doc/glossary) [**Configuration**](https://unlighthouse.dev/guide/guides/config) [**Static Reports**](https://unlighthouse.dev/guide/guides/generating-static-reports)

[**URL Discovery** How Unlighthouse discovers pages using sitemaps, robots.txt, and internal link crawling. Configure URL sources and filters.](https://unlighthouse.dev/guide/guides/url-discovery) [**Improving Accuracy** Optimize Lighthouse scan accuracy with multiple samples and reduced concurrency for more reliable, consistent Core Web Vitals results.](https://unlighthouse.dev/guide/recipes/improving-accuracy)