Skip to content

Traefik Manager – UI Examples


Initial Setup

When first launching Traefik Manager you are guided through a short setup wizard.

Step 1 - Temporary password

Step 1 – Temporary password (light)Step 1 – Temporary password (dark)

Step 2 - Welcome

Step 2 – Welcome (light)Step 2 – Welcome (dark)

Step 3 - Connection & domains

Step 3 – Connection and domains (light)Step 3 – Connection and domains (dark)

Step 4 - Optional tabs

Step 4 – Optional tabs (light)Step 4 – Optional tabs (dark)

Step 5 - Set password

Step 5 – Set password (light)Step 5 – Set password (dark)

Dashboard

The dashboard shows app cards grouped by category with app icons, stat widgets, and quick-access controls. Cards can be customised per-route with a display name, icon override, and group override.

Main View

Dashboard (light)Dashboard (dark)

Compact Stats

Dashboard – compact stats (light)Dashboard – compact stats (dark)

No Widgets

Dashboard – no widgets (light)Dashboard – no widgets (dark)

Edit Group

Dashboard – edit group (light)Dashboard – edit group (dark)

Edit Route Card

Dashboard – edit route card (light)Dashboard – edit route card (dark)

Route Map

The Route Map tab shows a 4-column topology view of your Traefik setup - Entry Points, Routes, Middlewares, and Services - connected by Bezier curves.

Topology View

Route Map (light)Route Map (dark)

Hover Highlight

Hovering a route dims all unrelated nodes and animates the connected entry point, middlewares, and service into alignment.

Route Map – hover highlight (light)Route Map – hover highlight (dark)

Routes

Routes define how incoming traffic is forwarded to backend services.

Routes Overview

Routes overview (light)Routes overview (dark)

Route Details

Route details (light)Route details (dark)

Editing a Route

Route edit (light)Route edit (dark)

Adding an HTTP Route

Add HTTP route (light)Add HTTP route (dark)

Adding a TCP Route

Add TCP route (light)Add TCP route (dark)

Adding a UDP Route

Add UDP route (light)Add UDP route (dark)

Services

Services represent the backend targets that Traefik forwards traffic to.

Services Overview

Services overview (light)Services overview (dark)

Service Details

Service details (light)Service details (dark)

Middlewares

Middlewares modify requests before they reach your services - authentication, rate limiting, headers, redirects, and more.

Middleware List

Middleware list (light)Middleware list (dark)

Editing Middleware

Middleware edit (light)Middleware edit (dark)

Adding Middleware

Add middleware (light)Add middleware (dark)

Plugins

View and monitor active Traefik plugins.

Plugin List

Plugin list (light)Plugin list (dark)

Plugin Details

Plugin details (light)Plugin details (dark)

Certificates

View and monitor TLS certificates managed by Traefik.

Certificates View

Certificates (light)Certificates (dark)

Docker

Inspect routes and services discovered via the Docker provider, including container labels and health state.

Docker Routes

Docker routes (light)Docker routes (dark)

Docker Route Details

Docker route details (light)Docker route details (dark)

Logs

Live and historical Traefik access logs with line-count control and filtering.

Logs View

Logs (light)Logs (dark)

Settings

Authentication

Settings – authentication (light)Settings – authentication (dark)

Connections

Settings – connections (light)Settings – connections (dark)

Routes Config

Settings – routes (light)Settings – routes (dark)

Backups

Settings – backups (light)Settings – backups (dark)

System

Settings – system (light)Settings – system (dark)

UI Preferences

Settings – UI preferences (light)Settings – UI preferences (dark)