ollama-html-ui

A HTML UI for Ollama.

Goals

• Zero dependencies: vanilla HTML, CSS, and Javascript
• Simple installation: download and open in browser

Features

• https://ollama.ai support
• New chat
• Edit chat
• Delete chat
• Download chat
• Copy chat
• Search chats
• Clear chats
• View settings
• Update settings
• Chat history (local storage)

Screenshots

Installing

First, install and start Olama.

$ ollama run mistral

Next, clone this repository:

$ git clone [email protected]:christianhellsten/ollama-html-ui.git

Running

$ cd ollama-html-ui
# Use built-in and unsafe HTTP server
$ npm run server
$ open http://locahost:1234

Deployment

$ parcel build index.html

Development

$ yarn global add parcel-bundler
# Alternatively, use npm:
# npm install -g parcel-bundler
$ parcel index.html
$ open http://locahost:1234

Testing

Tests are written using Playwright and node:test.

The the tests can be run from the command line using this command:

$ ollama run mistral
$ node test

Todo

• Clear chat
• Ollama Chat API
• Select model in sidebar (global)
• Select model in chat (local)
• Delete message and response
• Copy message / response
• CSP
• Speech recognition
• Uploads
• IndexedDB

Done

• Search chats
• Delete Chat
• Select model
• Save settings
• View settings
• Clear chats
• Edit chat
• New chat
• Abort response
• Send message
• UI tests: https://nodejs.org/api/test.html