KernelAI is an advanced AI-powered coding assistant designed to enhance developer productivity by providing intelligent code explanations, debugging assistance, and automated code generation.
Built with a strong emphasis on clean architecture and developer experience, KernelAI delivers structured, well-formatted outputs using Markdown rendering, terminal-style code blocks with copy support, and readable explanations instead of raw text dumps. The platform features a fully responsive interface with smooth micro-animations, fast typewriter-style output rendering, intelligent language selection, and interaction history tracking—ensuring clarity, usability, and a production-grade experience aligned with modern industry standards.
KernelAI Live: https://kernel-ai.vercel.app
- Code Explanation
- Code Debugging
- Code Generation
- Intelligent Language Selection
- Interactive History Tracking
- Structured & Formatted Output Rendering
- Rich Code Blocks with Copy Support and Markdown-Aware AI Output (Headings, Lists, Tables, Code)
- Fast Typewriter-Style Output Animation
- Smooth UI Animations (Framer Motion)
- Fully Responsive Design
- Modern Dark UI with Glassmorphism Theme
- Real-Time Toast Notifications
- Context-Aware AI Prompts & Sample Inputs for Quick Testing
- Client-Side Safe API Handling
| Technology | Category | Purpose |
|---|---|---|
| Next.js (App Router) | Frontend Framework | Full-stack React framework for routing, SSR, and API handling |
| React 19 | UI Library | Component-based user interface development |
| Next.js API Routes | Backend APIs | Secure server-side AI request handling |
| Tailwind CSS 4 | Styling and Responsiveness | Utility-first styling with a modern, responsive design system |
| Framer Motion | Animations | Smooth, performant UI animations and transitions |
| React Markdown | Markdown Rendering | Structured rendering of AI-generated output |
| Remark GFM | Markdown Extensions | GitHub-Flavored Markdown support (tables, lists, code blocks) |
| React Hot Toast | Notifications | Real-time toast notifications and user feedback |
| Google Generative AI (Gemini) | AI Integration | Code generation, explanation, and debugging |
| TypeScript | Type Safety | Static typing and a safer, maintainable codebase |
| React Icons | Icons | Consistent, scalable icon system |
| Vercel | Deployment & Hosting | Fast, global deployment with optimized performance |
|
|
|
- Clone the repository
git clone https://github.com/OmkarArdekar12/KernelAI.git
cd KernelAI- Install dependencies
npm install- Set up environment variables
- Create a
.env.localfile in the root directory and add your Gemini API key
GEMINI_API_KEY=your_api_key
- Run the server
npm run dev