Kittle is an advanced AI coding assistant that lives where your code does. It provides a seamless interface to analyze repository structures, debug complex logic, and generate real-time architecture diagrams using state-of-the-art LLMs.
Designed for performance and privacy, Kittle runs entirely in your browser, connecting directly to your preferred AI providers.
| Feature | Description |
|---|---|
| 🧠 Multi-Model Intelligence | Connect to Gemini 2.0/Thinking, GPT-4o, Claude 3.5, and DeepSeek R1 via direct API calls. |
| 🎨 Design Mode | Instantly generate Mermaid.js architecture diagrams by chatting with your code. |
| 📂 Context-Aware Analysis | Deep integration with your Local Files and GitHub Repositories. |
| 🔒 Zero-Server Architecture | Your API keys never leave your browser. Privacy is baked into the core. |
| ⚡ Ultra-Responsive UI | Built with Framer Motion for 60fps animations and a premium glassmorphic feel. |
Kittle is a pure static frontend application deployed via GitHub Actions.
graph TD
User[👩💻 Developer] -->|Interacts| UI[🖥️ Kittle Web App]
UI -->|Direct API Call| Providers[🧠 AI Providers]
subgraph "Supported Providers"
Providers --> Google[Google Gemini]
Providers --> OpenAI[OpenAI GPT-4o]
Providers --> Anthropic[Claude 3.5]
Providers --> DeepSeek[DeepSeek R1/V3]
end
UI -->|LocalStorage| Keys[🔑 Secure Key Storage]
UI -->|Mermaid.js| Charts[🎨 Visual Diagrams]
- Node.js (v20+)
- npm
-
Clone the repository
git clone https://github.com/TemRevil/Kittle.git cd Kittle -
Install dependencies
npm install
-
Run locally
npm run dev
-
Deployment The project is configured for auto-deployment via GitHub Actions. Simply push to the
mainbranch.
We ❤️ contributions! Whether you're fixing a bug, adding a provider, or improving the UI, your help is welcome.
- Fork the repository.
- Create a branch for your feature:
git checkout -b feature/amazing-logic. - Commit your changes:
git commit -m 'Add some feature'. - Push to the branch:
git push origin feature/amazing-logic. - Open a Pull Request.
- Keep the UI premium and glassmorphic.
- Use Tailwind CSS v4 for styling.
- Ensure all AI calls remain client-side for privacy.