Uploaded March 2025 | Updated September 2026, 3 weeks ago
๐ Access ALL video resources & get personalized help in my community:
skool.com/agentic-labs/about?ref=3fd61190e13d426dbf4f3b38adc7de69
Open WebUI is a beautiful chat interface for Ollama models. It offers all the features that you'd expect from modern chat apps - like file uploads, knowledge bases, RAG and much, much more.
Open WebUI is free and open source as well!
In this complete tutorial video, you will learn how to set up Open WebUI locally on your own machine.
๐ Support My Channel:
Buy me a coffee โ : buymeacoffee.com/leonvanzyl
PayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW
๐ Useful Links:
Open WebUI Github: github.com/open-webui/open-webui
Docker setup: docker.com
๐ TIMESTAMPS:
00:00 - Intro
01:17 - Ollama
02:26 - Open WebUI Setup Scripts
03:34 - Docker Desktop
04:54 - Dark Mode!
05:25 - Vision
06:14 - Chat with System Prompt
07:12 - Reasoning models
08:30 - Custom Knowledge Base
๐ Access ALL video resources & get personalized help in my community:
skool.com/agentic-labs/about?ref=3fd61190e13d426dbf4f3b38adc7de69
Open WebUI is a beautiful chat interface for Ollama models. It offers all the features that you'd expect from modern chat apps - like file uploads, knowledge bases, RAG and much, much more.
Open WebUI is free and open source as well!
In this complete tutorial video, you will learn how to set up Open WebUI locally on your own machine.
๐ Support My Channel:
Buy me a coffee โ : buymeacoffee.com/leonvanzyl
PayPal Donation: paypal.com/ncp/payment/EKRQ8QSGV6CWW
๐ Useful Links:
Open WebUI Github: github.com/open-webui/open-webui
Docker setup: docker.com
๐ TIMESTAMPS:
00:00 - Intro
01:17 - Ollama
02:26 - Open WebUI Setup Scripts
03:34 - Docker Desktop
04:54 - Dark Mode!
05:25 - Vision
06:14 - Chat with System Prompt
07:12 - Reasoning models
08:30 - Custom Knowledge Base








![How to Add Grok 4 to n8n AI Agents (+Vision and Real-Time Search)
๐ Access ALL video resources & get personalized help in my community:
https://www.skool.com/agentic-labs/about?ref=3fd61190e13d426dbf4f3b38adc7de69
Learn how to integrate Grok 4 with n8n workflows in this complete step-by-step tutorial. Well show you how to set up Grok 4 API credentials, create AI agents, and compare Grok 4s coding performance against Claude Sonnet through a practical coding challenge. Discover Grok 4s multimodal capabilities including vision processing for image analysis and built-in web search features that provide real-time information with citations.
๐ Support My Channel:
Buy me a coffee โ : https://www.buymeacoffee.com/leonvanzyl
PayPal Donation: https://www.paypal.com/ncp/payment/EKRQ8QSGV6CWW
๐ Useful Links:
Sign up for n8n Cloud: https://n8n.partnerlinks.io/f7f19w3vrhin
n8n Playlist: https://www.youtube.com/playlist?list=PL4HikwTaYE0GrWQOYuTL3YvHLMMwOjn7O
๐ TIMESTAMPS:
00:00 - Introduction to Grok 4 and n8n Integration
00:29 - Setting Up x.ai API Account and Credentials
01:44 - Creating n8n Workflow with Grok 4 Agent
02:48 - Grok 4 vs Claude Sonnet Coding Challenge
05:00 - Testing Claude Sonnet App Results
07:15 - Testing Grok 4 App Performance and Fixes
11:26 - Adding Vision Capabilities to Grok 4 Workflows
14:25 - Implementing Built-in Web Search Features
16:08 - Final Results and Conclusions
VISION JSON
{
messages: [
{
role: user,
content: [
{
type: text,
text: What do you see in this image?
},
{
type: image_url,
image_url: {
url: https://images.pexels.com/photos/32507137/pexels-photo-32507137.jpeg,
detail: high
}
}
]
}
],
model: grok-4
}
LIVE SEARCH JSON
{
messages: [
{
role: user,
content: What is the latest news from openai?
}
],
model: grok-4,
search_parameters: {
mode: auto
}
}
#n8n #aiagents #grok4 How to Add Grok 4 to n8n AI Agents (+Vision and Real-Time Search)](https://i.ytimg.com/vi/zo26u39LIbE/mqdefault.jpg)

