{"id":2533,"date":"2025-12-06T21:55:02","date_gmt":"2025-12-06T20:55:02","guid":{"rendered":"https:\/\/yellotab.se\/x056\/?p=2533"},"modified":"2025-12-29T19:37:40","modified_gmt":"2025-12-29T18:37:40","slug":"webb-gui-ollama","status":"publish","type":"post","link":"https:\/\/yellotab.se\/x056\/2025\/12\/06\/webb-gui-ollama\/","title":{"rendered":"Webb GUI Ollama"},"content":{"rendered":"\n

\u2705 Easiest: Install a Ready-Made Web Interface<\/strong><\/h1>\n\n\n\n

1. Open WebUI (formerly Ollama WebUI)<\/strong> \u2013 most popular, simple setup<\/em><\/h2>\n\n\n\n

Works with any Ollama model including ministral-3:3b.<\/p>\n\n\n\n

Install<\/strong><\/h3>\n\n\n\n
docker run -d -p 3000:3000 \\\n  -v open-webui:\/app\/backend\/data \\\n  --name open-webui \\\n  --restart always \\\n  ghcr.io\/open-webui\/open-webui:main\n<\/code><\/pre>\n\n\n\n
Then open in browser:<\/p>\n\n\n\n
\u27a1\ufe0f http:\/\/localhost:3000<\/a><\/strong><\/p>\n\n\n\n
Ollama must be running:<\/p>\n\n\n\n
ollama serve &\n<\/code><\/pre>\n\n\n\n
Use model:<\/strong><\/h3>\n\n\n\n
ollama pull ministral:3b\n<\/code><\/pre>\n\n\n\n
(or the exact tag you want, e.g. ministral-3:3b<\/code>)<\/p>\n\n\n\n
Open WebUI will automatically detect it.<\/p>\n\n\n\n
\n\n\n\n
2. Ollama WebUI Lite (no Docker)<\/strong><\/h2>\n\n\n\n
If you don\u2019t want Docker:<\/p>\n\n\n\n
Install<\/strong><\/h3>\n\n\n\n
pip install open-webui\nopen-webui serve\n<\/code><\/pre>\n\n\n\n
Browse to:<\/p>\n\n\n\n
\u27a1\ufe0f http:\/\/127.0.0.1:8080<\/a><\/strong><\/p>\n\n\n\n
\n\n\n\n
3. Continue.dev (VS Code-like web UI)<\/strong><\/h2>\n\n\n\n
docker run -d -p 8000:8000 ghcr.io\/continuedev\/continue\n<\/code><\/pre>\n\n\n\n
Supports Ollama as a backend for coding workflows.<\/p>\n\n\n\n
\n\n\n\n
\ud83c\udfa8 More advanced UIs (specialized)<\/strong><\/h1>\n\n\n\n
4. AnythingLLM<\/strong><\/h2>\n\n\n\n
A team-oriented interface with memory & agents.<\/p>\n\n\n\n
Install:<\/p>\n\n\n\n
docker run -d -p 3001:3001 \\\n  --name anythingllm \\\n  mintplexlabs\/anything-llm\n<\/code><\/pre>\n\n\n\n
Configure Ollama \u2192 pick your ministral model.<\/p>\n\n\n\n
\n\n\n\n
5. LM Studio (desktop app UI for local models)<\/strong><\/h2>\n\n\n\n
Mac\/Windows GUI.
You can import Ollama models or run parallel.<\/p>\n\n\n\n
Download: https:\/\/lmstudio.ai<\/a> (does not require Docker)<\/p>\n\n\n\n
\n\n\n\n
\ud83d\udee0\ufe0f Create Your Own Web Interface<\/strong><\/h1>\n\n\n\n
If you want a custom UI:<\/p>\n\n\n\n
Minimal HTML\/JS Chat UI<\/strong><\/h2>\n\n\n\n
Uses the Ollama HTTP API at http:\/\/localhost:11434\/api\/chat<\/code>.<\/p>\n\n\n\n
Create a file index.html<\/code>:<\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<body>\n<textarea id="input"><\/textarea>\n<button onclick="send()">Send<\/button>\n<pre id="output"><\/pre>\n\n<script>\nasync function send() {\n  const msg = document.getElementById('input').value;\n  const out = document.getElementById('output');\n\n  const response = await fetch('http:\/\/localhost:11434\/api\/chat', {\n    method: "POST",\n    headers: {"Content-Type":"application\/json"},\n    body: JSON.stringify({\n      model: "ministral:3b",\n      messages: [{role:"user", content: msg}]\n    })\n  });\n\n  const reader = response.body.getReader();\n  let text = "";\n\n  while (true) {\n    const { value, done } = await reader.read();\n    if (done) break;\n    const chunk = new TextDecoder().decode(value);\n    text += chunk;\n    out.textContent = text;\n  }\n}\n<\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
Open in your browser.<\/p>\n\n\n\n
\n\n\n\n
\ud83d\udca1 Which option should you pick?<\/h1>\n\n\n\n
Goal<\/th>Best Option<\/th><\/tr><\/thead>
Simple chat UI<\/strong><\/td>Open WebUI<\/strong><\/td><\/tr>
Full-featured RAG, embeddings, agents<\/strong><\/td>AnythingLLM<\/strong><\/td><\/tr>
No Docker<\/strong><\/td>Open WebUI (pip)<\/strong><\/td><\/tr>
Want to code your own<\/strong><\/td>HTML\/JS example above<\/td><\/tr>
Coding assistant<\/strong><\/td>Continue.dev or LM Studio<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
\n","protected":false},"excerpt":{"rendered":"
\u2705 Easiest: Install a Ready-Made Web Interface 1. Open WebUI (formerly Ollama WebUI) \u2013 most popular, simple setup Works with any Ollama model including ministral-3:3b. Install Then open in browser: \u27a1\ufe0f http:\/\/localhost:3000 Ollama must be running: Use model: (or the exact tag you want, e.g. ministral-3:3b) Open WebUI will automatically detect it. 2. Ollama WebUI Lite (no Docker) If you […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[236],"tags":[],"class_list":["post-2533","post","type-post","status-publish","format-standard","hentry","category-llm"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/posts\/2533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/comments?post=2533"}],"version-history":[{"count":1,"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/posts\/2533\/revisions"}],"predecessor-version":[{"id":2534,"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/posts\/2533\/revisions\/2534"}],"wp:attachment":[{"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/media?parent=2533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/categories?post=2533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yellotab.se\/x056\/wp-json\/wp\/v2\/tags?post=2533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}