Repository files navigation

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

• 🎨 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)

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

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-reloadsudo systemctl restart ollama

2. Restart Ollama

3. VisitChat UI

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

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

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

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

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

MIT License - SeeLICENSE for details

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

• Report Bug
• Request Feature