A web-based user interface for opencode, providing a modern chat interface to interact with AI coding agents.
- Real-time chat interface with AI coding agents
- Live streaming responses via Server-Sent Events
- Tool execution display with enhanced diff viewing for code changes
- Model selection from multiple AI providers
- Responsive design for desktop and mobile
- Auto-session creation for immediate use
# Clone the repository git clone https://github.com/your-username/opencode-ui.git cd opencode-ui # Install dependencies bun install # Start opencode server cd /path/to/your-project opencode serve # Start development server bun devThe application will be available at http://localhost:5173
The app will auto-detect your opencode API server. If running on a different host/port, configure the API endpoint in your environment.
bun dev- Start development server with hot reloadbun run build- Build for productionbun run lint- Run ESLintbun run preview- Preview production build
- React 19 with TypeScript
- Vite for build tooling
- EventSource for real-time streaming
- CSS Modules for styling
src/ ├── components/ │ ├── Chat/ # Chat interface components │ └── Debug/ # Development debugging tools ├── hooks/ # Custom React hooks ├── services/ # API integration └── utils/ # Helper functions - Start a conversation - Type your coding request in the chat input
- Watch AI work - See real-time tool execution and code changes
- Review results - Enhanced diff viewer shows exactly what changed
- Continue iterating - Build on previous responses naturally
This project is dual-licensed:
AGPL-3.0 for personal, educational, and open source projects.
Required for commercial use, proprietary software, or if you cannot comply with AGPL-3.0 terms.
Contact [your-email] for commercial licensing.
- Fork the repository
- Create a feature branch
- Make your changes
- Run tests and linting
- Submit a pull request
- opencode - The AI coding agent backend
- opencode TUI - Terminal interface
- Documentation - Product requirements and features
- Technical Specification - Architecture details
- Issues - Bug reports and feature requests
- opencode - The main opencode CLI and API server
- opencode.ai - Official website and documentation