diff --git a/docs/tutorials/chat-ui.mdx b/docs/tutorials/chat-ui.mdx
index 188d716aa..cad56d887 100644
--- a/docs/tutorials/chat-ui.mdx
+++ b/docs/tutorials/chat-ui.mdx
@@ -6,6 +6,10 @@ icon: messages
 
 This tutorial walks through the [chat-ui-example](https://github.com/browser-use/chat-ui-example) — a Next.js app that lets users chat with a Browser Use agent in real time. We'll focus on the SDK integration, not the UI components.
 
+![Home page](https://raw.githubusercontent.com/browser-use/chat-ui-example/main/public/chat-ui-preview.png)
+
+![Session view](https://raw.githubusercontent.com/browser-use/chat-ui-example/main/public/chat-ui-session.png)
+
 The app has two pages:
 
 1. **Home** — the user types a task, the app creates a session and sends the task.