XeroChat is a modern, responsive AI chat interface built with Next.js and React. It offers a sleek ChatGPT-like experience with support for multiple AI models, conversation management, and real-time streaming responses. Key features include:
- Real-time AI Conversations - Streaming responses with typing indicators.
- Multiple AI Models - Support for various models including Llama, GPT-OSS, and more.
- Conversation Management - Save, load, and delete chat histories.
- Responsive Design - Mobile-first responsive UI with a collapsible sidebar.
- Dark Theme - Beautiful dark mode interface with a neutral color palette.
Advanced Features
- Markdown Support - Rich text rendering with syntax highlighting for code blocks.
- Message Actions - Copy, regenerate, and feedback options for each message.
- Settings Modal - Secure API key management with local storage.
- Auto-save - Automatic conversation saving to localStorage.
- Model Switching - Easy switching between different AI models during conversations.
UI/UX Features
- Clean Interface - Minimalist design inspired by modern chat applications.
- Responsive Model Selection - Desktop inline selector, mobile top navbar placement.
- Mobile Responsive - Optimized for desktop, tablet, and mobile devices.
- Accessibility - Keyboard navigation and screen reader friendly.