---
title: Gradio Example Template
emoji: 🚀
colorFrom: indigo
colorTo: purple
sdk: gradio
sdk_version: 5.9.1
app_file: app.py
pinned: false
license: mit
short_description: Example on using Langfuse to trace Gradio applications.
---

# Build a LLM Chat UI with 🤗 Gradio and trace it with 🪢 Langfuse

This is a Gradio example template that showcases how to integrate a Gradio application with Langfuse for LLM Observability and Evaluation. 

Thank you to [@tkmamidi](https://github.com/tkmamidi) for the original implementation and contributions to this notebook.

Have a look at [this integration page](https://langfuse.com/docs/integrations/other/gradio) for a step-by-step explanation of the code. 

## What is Langfuse?

[Langfuse](https://langfuse.com) is an open-source LLM engineering platform that helps build reliable LLM applications via LLM Application Observability, Evaluation, Experiments, and Prompt Management. See [docs](https://langfuse.com/docs) for more details.

## Features of this Template

This template will show you how to

1. Build a simple chat interface in Python and rendering it using [Gradio `Chatbot`](https://www.gradio.app/docs/gradio/chatbot)
2. Add [Langfuse Tracing](https://langfuse.com/docs/tracing) to the chatbot
3. Implement additional Langfuse tracing features used frequently in chat applications: [chat sessions](https://langfuse.com/docs/tracing-features/sessions), [user feedback](https://langfuse.com/docs/scores/user-feedback)