CodePad
Free multi-language online code editor using Next.js + TypeScript.
Install / Use
/learn @aman179102/CodePadREADME
🚀 CodePad
A modern, open-source multi-language online code editor & execution platform built with Next.js, TypeScript, and Tailwind CSS.
Write • Execute • Learn — all in one clean, fast, and mobile-friendly interface.
🔗 Live Demo: Click Me
📖 Documentation: See files inside the repo
🐛 Report Issues: GitHub Issues tab
✨ Key Highlights
- 🖥️ Multi-language code editor & runner
- ⚡ Real-time code execution
- 📱 Fully responsive (desktop + mobile tabs)
- 🤖 Smart AI-based language detection
- 💾 Local file save & load support
- ⚙️ Zero configuration – just open & start coding
- 🌐 Deployable on free hosting platforms
🖼️ Preview
Desktop Experience Editor + Input + Console in a single screen layout.
<img width="1680" height="1050" alt="Screenshot_2026-02-26_01-26-39" src="https://github.com/user-attachments/assets/da742294-2fae-4894-864a-6b4de4575239" />
<p align="center"> <img src="https://github.com/user-attachments/assets/c05fd088-2633-4a2e-9969-5b9b42268bc9" width="250" /> <img src="https://github.com/user-attachments/assets/60069823-e884-46e1-8cb4-6b3f86c58fcb" width="250" /> <img src="https://github.com/user-attachments/assets/6a189f2e-488d-4d8a-9506-0b364b3ddef6" width="250" /> </p>Mobile Experience Tab-based UI for Editor, Input, and Console — optimized for small screens.
🌈 Supported Languages
Interpreted
- JavaScript
- TypeScript
- Python
- PHP
- Ruby
- R
Compiled
- C
- C++
- Java
- Rust
- Kotlin
🤔 Why CodePad?
Most online compilers:
- Require signup ❌
- Break on mobile ❌
- Are slow or bloated ❌
CodePad is different:
- ✅ No login required
- 🚀 Fast execution on free infrastructure
- 📱 Excellent mobile UX
- 🧠 Automatic language detection
- ❤️ 100% open-source & beginner-friendly
🛠️ Tech Stack
Frontend
- Next.js
- React
- TypeScript
- Tailwind CSS
Backend & Runtime
- Node.js
- Vercel-compatible execution
AI & UI Tools
- Genkit
- shadcn/ui
🚀 Quick Start
Local Development
# Clone the repository
git clone https://github.com/aman179102/CodePad.git
# Go to project directory
cd CodePad
# Install dependencies
npm install
# Start development server
npm run dev
Open http://localhost:3000 in your browser.
📦 Deployment
CodePad is designed to run on free hosting platforms.
Deploy on Vercel (Free)
npm run build
npx vercel --prod
📄 Detailed guides:
DEPLOYMENT.mdLIFETIME_FREE_DEPLOYMENT.mdKEEP_ALIVE_GUIDE.md
🧠 AI Features
- Automatic programming language detection
- Smart handling of editor content
- Designed to be extensible for future AI features
🤝 Contributing
Contributions are very welcome 🙌
How to contribute:
- Fork the repository
- Create a new branch
- Make your changes
- Open a Pull Request 🚀
Look for issues labeled good first issue if you’re new to open source.
🐛 Reporting Bugs
Found a bug?
- Open an issue with clear steps to reproduce
- Include screenshots or logs if possible
💡 Feature Requests
Have an idea?
- Open a feature request issue
- Explain the use-case clearly
📄 License
This project is licensed under the MIT License.
You are free to use, modify, and distribute this project.
🙏 Acknowledgments
- shadcn/ui for clean UI components
- Vercel for amazing deployment support
- Next.js team for the framework
- Open-source community ❤️
🌟 Support the Project
If you find CodePad useful:
- ⭐ Star this repository
- 🍴 Fork it
- 🧑💻 Share it with other developers
Made with ❤️ by Aman Kumar
⬆ Back to Top
