Claudable

<img src="https://storage.googleapis.com/claudable-assets/Claudable.png" alt="Claudable" style="width: 100%;" /> <div align="center"> <h3>Connect CLI Agent • Build what you want • Deploy instantly</h3> </div> <p align="center"> <a href="https://github.com/hesreallyhim/awesome-claude-code"> <img src="https://awesome.re/mentioned-badge.svg" alt="Mentioned in Awesome Claude Code"> </a> <a href="https://twitter.com/aaron_xong"> <img src="https://img.shields.io/badge/Follow-@aaron__xong-000000?style=flat&logo=x&logoColor=white" alt="Follow Aaron"> </a> <a href="https://discord.gg/NJNbafHNQC"> <img src="https://img.shields.io/badge/Discord-Join%20Community-7289da?style=flat&logo=discord&logoColor=white" alt="Join Discord Community"> </a> <a href="https://github.com/opactorai/Claudable"> <img src="https://img.shields.io/github/stars/opactorai/Claudable?style=flat&logo=github&logoColor=white&labelColor=181717&color=f9d71c" alt="GitHub Stars"> </a> <a href="https://github.com/opactorai/Claudable"> <img src="https://img.shields.io/github/forks/opactorai/Claudable?style=flat&logo=github&logoColor=white&labelColor=181717&color=181717" alt="GitHub Forks"> </a> <a href="https://github.com/opactorai/Claudable/blob/main/LICENSE"> <img src="https://img.shields.io/github/license/opactorai/Claudable?style=flat&logo=github&logoColor=white&labelColor=181717&color=181717" alt="License"> </a> </p>

What is Claudable?

Claudable is a powerful Next.js-based web app builder that combines Claude Code's (Cursor CLI also supported!) advanced AI agent capabilities with Lovable's simple and intuitive app building experience. Just describe your app idea - "I want a task management app with dark mode" - and watch as Claudable instantly generates the code and shows you a live preview of your working app. You can deploy your app to Vercel and integrate database with Supabase for free.

This open-source project empowers you to build and deploy professional web applications easily for free.