sudhamjayanthi / minimal-llm-ui

Minimalistic UI for Ollama LMs

Minimalistic Interface for Local Language Models (LLMs) (Powered by Ollama)

Introduction

minimal-llm-ui-demo.mp4

This minimalistic UI is designed to act as a simple interface for Ollama models, allowing you to chat with your models, save conversations and toggle between different ones easily. The tool is built using React, Next.js, and Tailwind CSS, with LangchainJs and Ollama providing the magic behind the scenes.

Features

• Chat with Local Language Models (LLMs): Interact with your LLMs in real-time through our user-friendly interface.
• Model Toggling: Switch between different LLMs easily (even mid conversation), allowing you to experiment and explore different models for various tasks.
• Memory-based Context Storage: Keep track of context in memory, ensuring smooth interactions even when switching between models.
• Storing conversation history.

Technical Details

• Built using React, Next.js, and Tailwind CSS for a clean and modern design.
• Utilizes LangchainJs and Ollama for seamless integration with Local Language Models (LLMs).
• Stores context in memory for efficient model switching.

Getting Started

1. Download and run Ollama on your machine with ollama serve or ollama run <model-name> (it will run at: http://localhost:11434/)
2. Open a new terminal and navigate to the root of this project.
3. Install the dependencies npm install in your terminal.
4. Start the tool by running npm run dev (it should be available in your web browser at http://localhost:3000)

To-do

• Add edit message icon for user messages
• Summarise conversations
• Incorporate visualisations
• Convert to desktop app so that it can be more powerful
• Allow for prompt savings + shortcuts

Troubleshooting

If you encounter any issues, feel free to reach out!

License

This project is licensed under the MIT License. See LICENSE file for details.