Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content

AI Chat UI is a responsive, modern chat interface, designed for seamless interactions with local Large Language Models (LLMs) like Ollama. It features a clean design, light/dark themes, PWA support for offline use, real-time chat with streaming responses, and local storage for chat history.

License

Notifications You must be signed in to change notification settings

arif891/ai_chat_ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI Chat UI for Ollama

A modern, responsive chat interface for AI conversations using local Large Language Models like Ollama.

App Screenshot

Features

  • 🎨 Modern UI with Light/Dark themes
  • 📱 Responsive design & PWA support
  • 🔄 Real-time streaming responses
  • 💾 Local chat history
  • ⚡ Zero dependencies
  • 🔒 Privacy-focused (all data stays local)

Prerequisites

  • Ollama installed and running
  • Modern web browser (Chrome, Edge, Safari or Firefox)

Quick Start

  1. Configure Ollama for CORS

    Choose your operating system:

    Windows
    setx OLLAMA_ORIGINS "*"
    MacOS
    launchctl setenv OLLAMA_ORIGINS "*"
    Linux
    sudo systemctl edit ollama.service
    # Add under [Service]:
    Environment="OLLAMA_ORIGINS=*"
    
    sudo systemctl daemon-reload
    sudo systemctl restart ollama
  2. Restart Ollama

  3. Visit Chat UI

  4. Optional: Install as PWA for desktop-like experience

⚠️ Chrome Users: Disable 'Respect the result of Private Network Access preflights' in chrome://flags/

Project Structure

AI_Chat_UI/
├── assets/           # Static assets (images, fonts)
│   ├── css/         # Stylesheets
│   ├── js/          # JavaScript files
│   └── icons/       # App icons
├── layx/            # Core framework
│   ├── main/        # Main components
│   └── utils/       # Utility functions
└── pages/           # Static HTML pages

Development

Customization

  1. Theme Modification

    • Edit /layx/main/base/variable.css for base variables
    • Edit /layx/main/base/variable_color.css for color schemes
  2. UI Components

    • Main styles: assets/css/chat_app/main.css
    • Core logic: assets/js/chat_app/main.js

Contributing

  1. Fork repository
  2. Create feature branch (git checkout -b feature/AmazingFeature)
  3. Commit changes (git commit -m 'Add AmazingFeature')
  4. Push branch (git push origin feature/AmazingFeature)
  5. Open Pull Request

License

MIT License - See LICENSE for details

Roadmap

  • Multi-LLM support (Claude, GPT4All)
  • Enhanced theme customization
  • Voice input/output
  • Markdown export
  • Context length management
  • Custom prompts library

Support

About

AI Chat UI is a responsive, modern chat interface, designed for seamless interactions with local Large Language Models (LLMs) like Ollama. It features a clean design, light/dark themes, PWA support for offline use, real-time chat with streaming responses, and local storage for chat history.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published