{"id":1003,"date":"2024-08-21T16:58:58","date_gmt":"2024-08-21T16:58:58","guid":{"rendered":"https:\/\/zahiralam.com\/blog\/?p=1003"},"modified":"2024-08-21T16:58:58","modified_gmt":"2024-08-21T16:58:58","slug":"set-up-open-webui-with-ollama-on-mac-your-guide-to-offline-ai-mastery","status":"publish","type":"post","link":"https:\/\/zahiralam.com\/blog\/set-up-open-webui-with-ollama-on-mac-your-guide-to-offline-ai-mastery\/","title":{"rendered":"Set Up Open WebUI with Ollama on Mac: Your Guide to Offline AI Mastery"},"content":{"rendered":"\n<p>Open WebUI is a self-hosted, offline WebUI that supports various LLM runners like Ollama and OpenAI-compatible APIs. If you\u2019re looking to set it up on your Mac, follow this guide.\n\n\n\n<h4 class=\"wp-block-heading\">Prerequisites<\/h4>\n\n\n\n<p>Before proceeding, ensure Docker is installed on your Mac. If not, follow <a href=\"https:\/\/zahiralam.com\/blog\/set-up-docker-on-your-mac-m1-m2-m3-in-minutes\/\">this guide<\/a> to get Docker up and running in just a few minutes.\n\n\n\n<p>If you need to install Ollama on your Mac before using Open WebUI, refer to this detailed <a href=\"https:\/\/zahiralam.com\/blog\/step-by-step-guide-to-installing-ollama-on-mac\/\">step-by-step guide on installing Ollama<\/a>.\n\n\n\n<h4 class=\"wp-block-heading\">Step 1: Pull the Open WebUI Docker Image<\/h4>\n\n\n\n<p>Open your terminal and run the following command to download and run the Open WebUI Docker image:\n\n\n\n<div class=\"code-block-container\">\n                        <pre class=\"wp-block-code\"><code id=\"code-1\">docker run -d -p 3000:8080 --add-host=host.docker.internal:host-gateway -v open-webui:\/app\/backend\/data --name open-webui --restart always ghcr.io\/open-webui\/open-webui:main<\/code><\/pre>\n                        <amp-iframe sandbox=\"allow-scripts\" width=\"94\" height=\"72\" frameborder=\"0\" \n                                    src=\"https:\/\/zahiralam.com\/blog\/wp-content\/plugins\/amp-copy-code-button\/copier.html#docker%20run%20-d%20-p%203000%3A8080%20--add-host%3Dhost.docker.internal%3Ahost-gateway%20-v%20open-webui%3A%2Fapp%2Fbackend%2Fdata%20--name%20open-webui%20--restart%20always%20ghcr.io%2Fopen-webui%2Fopen-webui%3Amain\">\n                            <button class=\"copy-button\" data-label=\"docker run -d -p 3000:8080 --add-host=host.docker.internal:host-gateway -v open-webui:\/app\/backend\/data --name open-webui --restart always ghcr.io\/open-webui\/open-webui:main\"  placeholder disabled>Copy<\/button>\n                        <\/amp-iframe>\n                    <\/div>\n\n\n\n<p>This command will initiate the download of the required Docker image layers, as shown in the terminal output in the image below. The process will download each layer, ensuring that everything is correctly set up.\n\n\n\n<figure class=\"wp-block-image size-post-thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"337\" src=\"https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-17-1800x337.png\" alt=\"docker run command open webui\" class=\"wp-image-1005\" srcset=\"https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-17-1800x337.png 1800w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-17-300x56.png 300w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-17-1024x192.png 1024w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-17-768x144.png 768w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-17-1536x287.png 1536w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-17-2048x383.png 2048w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/figure>\n\n\n\n<p>As seen in the screenshot example, Docker pulls various layers of the Open WebUI image. The status indicators, like &#8220;Pull complete,&#8221; confirm the successful downloading and extraction of these layers.\n\n\n\n<h4 class=\"wp-block-heading\">Step 2: Access Open WebUI<\/h4>\n\n\n\n<p>After the download completes, Docker will automatically start the Open WebUI container. You can then access the interface by navigating to <a href=\"http:\/\/localhost:3000\">http:\/\/localhost:3000<\/a> in your web browser.\n\n\n\n<p>It will prompt you to log in. Rest assured, your data is stored locally on your device, ensuring complete privacy and security. No information is sent anywhere else\n\n\n\n<p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-19.png\" alt=\"open webui login page.\" class=\"wp-image-1008\" width=\"559\" height=\"372\" srcset=\"https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-19.png 1340w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-19-300x200.png 300w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-19-1024x682.png 1024w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-19-768x511.png 768w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 3: Navigating the Open WebUI Dashboard<\/h4>\n\n\n\n<p>After successfully logging in, you\u2019ll be greeted by the Open WebUI dashboard. This is where you&#8217;ll interact with the platform, accessing various models and tools.\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-20-1024x825.png\" alt=\"Open Webui Home page\" class=\"wp-image-1009\" width=\"600\" height=\"483\" srcset=\"https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-20-1024x825.png 1024w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-20-300x242.png 300w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-20-768x619.png 768w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-20-1536x1238.png 1536w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-20-1800x1450.png 1800w, https:\/\/zahiralam.com\/blog\/wp-content\/uploads\/2024\/08\/image-20.png 1894w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>The dashboard displays a welcome message with your email, and provides a selection of suggested actions or queries to help you get started. On the left sidebar, you can start a new chat, explore your workspace, or search for specific features.\n\n\n\n<p>At the top, you&#8217;ll see the &#8220;Select a model&#8221; option, allowing you to choose from available models to work with, tailoring your experience based on your needs.\n\n\n\n<h4 class=\"wp-block-heading\">Conclusion<\/h4>\n\n\n\n<p>And that\u2019s it! You&#8217;ve successfully installed Open WebUI on your Mac. With Open WebUI up and running, you can now explore its powerful features for managing your LLM runners in an offline environment.\n\n\n\n<p>For any issues during installation, be sure to check the official Open WebUI documentation or reach out to the community for support. Happy exploring!\n","protected":false},"excerpt":{"rendered":"<p>Open WebUI is a self-hosted, offline WebUI that supports various LLM runners like Ollama and OpenAI-compatible APIs. If you\u2019re looking to set it up on [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":1012,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[214],"tags":[17,21,230],"class_list":["post-1003","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-installation","tag-mac-m1-m2-m3","tag-ollama","tag-open-webui"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/posts\/1003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/comments?post=1003"}],"version-history":[{"count":4,"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/posts\/1003\/revisions"}],"predecessor-version":[{"id":1014,"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/posts\/1003\/revisions\/1014"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/media\/1012"}],"wp:attachment":[{"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/media?parent=1003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/categories?post=1003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zahiralam.com\/blog\/wp-json\/wp\/v2\/tags?post=1003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}