Code Monkey home page Code Monkey logo

ollama-webui's Introduction

Ollama Web UI: A User-Friendly Web Interface for Chat Interactions ๐Ÿ‘‹

GitHub stars GitHub forks GitHub watchers GitHub repo size GitHub language count GitHub top language GitHub last commit Hits Discord

ChatGPT-Style Web Interface for Ollama ๐Ÿฆ™

Disclaimer: ollama-webui is a community-driven project and is not affiliated with the Ollama team in any way. This initiative is independent, and any inquiries or feedback should be directed to our community on Discord. We kindly request users to refrain from contacting or harassing the Ollama team regarding this project.

Ollama Web UI Demo

Also check our sibling project, OllamaHub, where you can discover, download, and explore customized Modelfiles for Ollama! ๐Ÿฆ™๐Ÿ”

Features โญ

  • ๐Ÿ–ฅ๏ธ Intuitive Interface: Our chat interface takes inspiration from ChatGPT, ensuring a user-friendly experience.

  • ๐Ÿ“ฑ Responsive Design: Enjoy a seamless experience on both desktop and mobile devices.

  • โšก Swift Responsiveness: Enjoy fast and responsive performance.

  • ๐Ÿš€ Effortless Setup: Install seamlessly using Docker or Kubernetes (kubectl, kustomize or helm) for a hassle-free experience.

  • ๐Ÿ’ป Code Syntax Highlighting: Enjoy enhanced code readability with our syntax highlighting feature.

  • โœ’๏ธ๐Ÿ”ข Full Markdown and LaTeX Support: Elevate your LLM experience with comprehensive Markdown and LaTeX capabilities for enriched interaction.

  • ๐Ÿ“š Local RAG Integration: Dive into the future of chat interactions with the groundbreaking Retrieval Augmented Generation (RAG) support. This feature seamlessly integrates document interactions into your chat experience. You can load documents directly into the chat or add files to your document library, effortlessly accessing them using # command in the prompt. In its alpha phase, occasional issues may arise as we actively refine and enhance this feature to ensure optimal performance and reliability.

  • ๐ŸŒ Web Browsing Capability: Seamlessly integrate websites into your chat experience using the # command followed by the URL. This feature allows you to incorporate web content directly into your conversations, enhancing the richness and depth of your interactions.

  • ๐Ÿ“œ Prompt Preset Support: Instantly access preset prompts using the / command in the chat input. Load predefined conversation starters effortlessly and expedite your interactions. Effortlessly import prompts through OllamaHub integration.

  • ๐Ÿ‘๐Ÿ‘Ž RLHF Annotation: Empower your messages by rating them with thumbs up and thumbs down, facilitating the creation of datasets for Reinforcement Learning from Human Feedback (RLHF). Utilize your messages to train or fine-tune models, all while ensuring the confidentiality of locally saved data.

  • ๐Ÿท๏ธ Conversation Tagging: Effortlessly categorize and locate specific chats for quick reference and streamlined data collection.

  • ๐Ÿ“ฅ๐Ÿ—‘๏ธ Download/Delete Models: Easily download or remove models directly from the web UI.

  • โฌ†๏ธ GGUF File Model Creation: Effortlessly create Ollama models by uploading GGUF files directly from the web UI. Streamlined process with options to upload from your machine or download GGUF files from Hugging Face.

  • ๐Ÿค– Multiple Model Support: Seamlessly switch between different chat models for diverse interactions.

  • ๐Ÿ”„ Multi-Modal Support: Seamlessly engage with models that support multimodal interactions, including images (e.g., LLava).

  • ๐Ÿงฉ Modelfile Builder: Easily create Ollama modelfiles via the web UI. Create and add characters/agents, customize chat elements, and import modelfiles effortlessly through OllamaHub integration.

  • โš™๏ธ Many Models Conversations: Effortlessly engage with various models simultaneously, harnessing their unique strengths for optimal responses. Enhance your experience by leveraging a diverse set of models in parallel.

  • ๐Ÿ’ฌ Collaborative Chat: Harness the collective intelligence of multiple models by seamlessly orchestrating group conversations. Use the @ command to specify the model, enabling dynamic and diverse dialogues within your chat interface. Immerse yourself in the collective intelligence woven into your chat environment.

  • ๐Ÿค OpenAI API Integration: Effortlessly integrate OpenAI-compatible API for versatile conversations alongside Ollama models. Customize the API Base URL to link with LMStudio, Mistral, OpenRouter, and more.

  • ๐Ÿ”„ Regeneration History Access: Easily revisit and explore your entire regeneration history.

  • ๐Ÿ“œ Chat History: Effortlessly access and manage your conversation history.

  • ๐Ÿ“ค๐Ÿ“ฅ Import/Export Chat History: Seamlessly move your chat data in and out of the platform.

  • ๐Ÿ—ฃ๏ธ Voice Input Support: Engage with your model through voice interactions; enjoy the convenience of talking to your model directly. Additionally, explore the option for sending voice input automatically after 3 seconds of silence for a streamlined experience.

  • โš™๏ธ Fine-Tuned Control with Advanced Parameters: Gain a deeper level of control by adjusting parameters such as temperature and defining your system prompts to tailor the conversation to your specific preferences and needs.

  • ๐Ÿ”— External Ollama Server Connection: Seamlessly link to an external Ollama server hosted on a different address by configuring the environment variable.

  • ๐Ÿ” Role-Based Access Control (RBAC): Ensure secure access with restricted permissions; only authorized individuals can access your Ollama, and exclusive model creation/pulling rights are reserved for administrators.

  • ๐Ÿ”’ Backend Reverse Proxy Support: Bolster security through direct communication between Ollama Web UI backend and Ollama. This key feature eliminates the need to expose Ollama over LAN. Requests made to the '/ollama/api' route from the web UI are seamlessly redirected to Ollama from the backend, enhancing overall system security.

  • ๐ŸŒŸ Continuous Updates: We are committed to improving Ollama Web UI with regular updates and new features.

๐Ÿ”— Also Check Out OllamaHub!

Don't forget to explore our sibling project, OllamaHub, where you can discover, download, and explore customized Modelfiles. OllamaHub offers a wide range of exciting possibilities for enhancing your chat interactions with Ollama! ๐Ÿš€

How to Install ๐Ÿš€

๐ŸŒŸ Important Note on User Roles and Privacy:

  • Admin Creation: The very first account to sign up on the Ollama Web UI will be granted Administrator privileges. This account will have comprehensive control over the platform, including user management and system settings.

  • User Registrations: All subsequent users signing up will initially have their accounts set to Pending status by default. These accounts will require approval from the Administrator to gain access to the platform functionalities.

  • Privacy and Data Security: We prioritize your privacy and data security above all. Please be reassured that all data entered into the Ollama Web UI is stored locally on your device. Our system is designed to be privacy-first, ensuring that no external requests are made, and your data does not leave your local environment. We are committed to maintaining the highest standards of data privacy and security, ensuring that your information remains confidential and under your control.

Steps to Install Ollama Web UI

Before You Begin

  1. Installing Docker:

    • For Windows and Mac Users:

      • Download Docker Desktop from Docker's official website.
      • Follow the installation instructions provided on the website. After installation, open Docker Desktop to ensure it's running properly.
    • For Ubuntu and Other Linux Users:

      • Open your terminal.
      • Set up your Docker apt repository according to the Docker documentation
      • Update your package index:
        sudo apt-get update
      • Install Docker using the following command:
        sudo apt-get install docker-ce docker-ce-cli containerd.io
      • Verify the Docker installation with:
        sudo docker run hello-world
        This command downloads a test image and runs it in a container, which prints an informational message.
  2. Ensure You Have the Latest Version of Ollama:

  3. Verify Ollama Installation:

    • After installing Ollama, check if it's working by visiting http://127.0.0.1:11434/ in your web browser. Remember, the port number might be different for you.

Installing with Docker ๐Ÿณ

  • Important: When using Docker to install Ollama Web UI, make sure to include the -v ollama-webui:/app/backend/data in your Docker command. This step is crucial as it ensures your database is properly mounted and prevents any loss of data.

  • If Ollama is on your computer, use this command:

    docker run -d -p 3000:8080 --add-host=host.docker.internal:host-gateway -v ollama-webui:/app/backend/data --name ollama-webui --restart always ghcr.io/ollama-webui/ollama-webui:main
  • To build the container yourself, follow these steps:

    docker build -t ollama-webui .
    docker run -d -p 3000:8080 --add-host=host.docker.internal:host-gateway -v ollama-webui:/app/backend/data --name ollama-webui --restart always ollama-webui
  • After installation, you can access Ollama Web UI at http://localhost:3000.

Using Ollama on a Different Server

  • To connect to Ollama on another server, change the OLLAMA_API_BASE_URL to the server's URL:

    docker run -d -p 3000:8080 -e OLLAMA_API_BASE_URL=https://example.com/api -v ollama-webui:/app/backend/data --name ollama-webui --restart always ghcr.io/ollama-webui/ollama-webui:main

    Or for a self-built container:

    docker build -t ollama-webui .
    docker run -d -p 3000:8080 -e OLLAMA_API_BASE_URL=https://example.com/api -v ollama-webui:/app/backend/data --name ollama-webui --restart always ollama-webui

Installing Ollama and Ollama Web UI Together

Using Docker Compose

  • If you don't have Ollama yet, use Docker Compose for easy installation. Run this command:

    docker compose up -d --build
  • For GPU Support: Use an additional Docker Compose file:

    docker compose -f docker-compose.yaml -f docker-compose.gpu.yaml up -d --build
  • To Expose Ollama API: Use another Docker Compose file:

    docker compose -f docker-compose.yaml -f docker-compose.api.yaml up -d --build

Using run-compose.sh Script (Linux or Docker-Enabled WSL2 on Windows)

  • Give execute permission to the script:

    chmod +x run-compose.sh
  • For CPU-only container:

    ./run-compose.sh
  • For GPU support (read the note about GPU compatibility):

    ./run-compose.sh --enable-gpu
  • To build the latest local version, add --build:

    ./run-compose.sh --enable-gpu --build

Alternative Installation Methods

For other ways to install, like using Kustomize or Helm, check out INSTALLATION.md. Join our Ollama Web UI Discord community for more help and information.

How to Install Without Docker

While we strongly recommend using our convenient Docker container installation for optimal support, we understand that some situations may require a non-Docker setup, especially for development purposes. Please note that non-Docker installations are not officially supported, and you might need to troubleshoot on your own.

Project Components

The Ollama Web UI consists of two primary components: the frontend and the backend (which serves as a reverse proxy, handling static frontend files, and additional features). Both need to be running concurrently for the development environment.

Important

The backend is required for proper functionality

Requirements ๐Ÿ“ฆ

  • ๐Ÿฐ Bun >= 1.0.21 or ๐Ÿข Node.js >= 20.10
  • ๐Ÿ Python >= 3.11

Build and Install ๐Ÿ› ๏ธ

Run the following commands to install:

git clone https://github.com/ollama-webui/ollama-webui.git
cd ollama-webui/

# Copying required .env file
cp -RPp example.env .env

# Building Frontend Using Node
npm i
npm run build

# or Building Frontend Using Bun
# bun install
# bun run build

# Serving Frontend with the Backend
cd ./backend
pip install -r requirements.txt -U
sh start.sh

You should have the Ollama Web UI up and running at http://localhost:8080/. Enjoy! ๐Ÿ˜„

Troubleshooting

See TROUBLESHOOTING.md for information on how to troubleshoot and/or join our Ollama Web UI Discord community.

What's Next? ๐Ÿš€

Roadmap ๐Ÿ“

Here are some exciting tasks on our roadmap:

  • ๐Ÿ”Š Local Text-to-Speech Integration: Seamlessly incorporate text-to-speech functionality directly within the platform, allowing for a smoother and more immersive user experience.
  • ๐Ÿ›ก๏ธ Granular Permissions and User Groups: Empower administrators to finely control access levels and group users according to their roles and responsibilities. This feature ensures robust security measures and streamlined management of user privileges, enhancing overall platform functionality.
  • ๐Ÿ”„ Function Calling: Empower your interactions by running code directly within the chat. Execute functions and commands effortlessly, enhancing the functionality of your conversations.
  • โš™๏ธ Custom Python Backend Actions: Empower your Ollama Web UI by creating or downloading custom Python backend actions. Unleash the full potential of your web interface with tailored actions that suit your specific needs, enhancing functionality and versatility.
  • ๐Ÿ”ง Fine-tune Model (LoRA): Fine-tune your model directly from the user interface. This feature allows for precise customization and optimization of the chat experience to better suit your needs and preferences.
  • ๐Ÿง  Long-Term Memory: Witness the power of persistent memory in our agents. Enjoy conversations that feel continuous as agents remember and reference past interactions, creating a more cohesive and personalized user experience.
  • ๐Ÿงช Research-Centric Features: Empower researchers in the fields of LLM and HCI with a comprehensive web UI for conducting user studies. Stay tuned for ongoing feature enhancements (e.g., surveys, analytics, and participant tracking) to facilitate their research.
  • ๐Ÿ“ˆ User Study Tools: Providing specialized tools, like heat maps and behavior tracking modules, to empower researchers in capturing and analyzing user behavior patterns with precision and accuracy.
  • ๐Ÿ“š Enhanced Documentation: Elevate your setup and customization experience with improved, comprehensive documentation.

Feel free to contribute and help us make Ollama Web UI even better! ๐Ÿ™Œ

Supporters โœจ

A big shoutout to our amazing supporters who's helping to make this project possible! ๐Ÿ™

Platinum Sponsors ๐Ÿค

  • We're looking for Sponsors!

Acknowledgments

Special thanks to Prof. Lawrence Kim and Prof. Nick Vincent for their invaluable support and guidance in shaping this project into a research endeavor. Grateful for your mentorship throughout the journey! ๐Ÿ™Œ

License ๐Ÿ“œ

This project is licensed under the MIT License - see the LICENSE file for details. ๐Ÿ“„

Support ๐Ÿ’ฌ

If you have any questions, suggestions, or need assistance, please open an issue or join our Ollama Web UI Discord community or Ollama Discord community to connect with us! ๐Ÿค


Created by Timothy J. Baek - Let's make Ollama Web UI even more amazing together! ๐Ÿ’ช

ollama-webui's People

Contributors

tjbck avatar thatonecalculator avatar dnviti avatar anuraagdjain avatar marclass avatar explorigin avatar coolaj86 avatar bhulston avatar anthonycucci avatar lucasew avatar yeahdongcn avatar therohitdas avatar poulpatine avatar cloudxabide avatar gnscc avatar trimutex avatar samuelskottenborg avatar mslinn avatar peperunas avatar collected5353 avatar baumandm avatar bkakilli avatar creatorghost avatar ntimo avatar nitrodude avatar goecho avatar braveokafor avatar yasushikox avatar shiyinq avatar lainedfles avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.