Comparative 🤖 AI Tools for Building Web Apps

I need your help to keep this resource up-to-date!

Do you know of any:

• Tools that have gone extinct? 🦕
• Tools that have had a major makeover? 🛠️
• Brand new tools on the scene? ✨

Any other ideas? Let me know! Submit a new issue or create a pull request.

Comparative Table

Scroll right to see all columns. The last column is "Code Language".

📖 Summary:

• Types of tools
  • Web Builder
  • Terminal
  • Extensions for IDE
  • IDE
• 🎁 Bonus
  • No-Code but without AI

Types of tools

Emoji Role Definition:

• 🗺️: Product Manager
• 🖼️: Product Designer
• 💻: Developer

Web Builder

Tool	Best-fit product roles	Type	Open-source?	Use case	Drag-and-Drop	Visual First	Bring your own LLM API key	Frontend Code	Backend Code	Code Language
Fragments	🗺️🖼️💻	Web Visual Builder		⚡ Rapid prototyping.		✅		✅		Javascript with React
Lovable	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping		✅		(via GitHub)	(Supabase integration)	Javascript with React
Moneta	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping		✅
Momen	🗺️🖼️	Web Visual Builder		Web app creation.	✅	✅
Onlook	🗺️🖼️💻	App Visual Builder	✅	⚡ Rapid prototyping. Frontend creation in existing or new projects	✅	✅		(via VS Code)	(via VS Code)	Javascript with React
Softgen	🗺️🖼️💻	Web Visual Builder		⚡Rapid prototyping and Full Stack Apps		✅	✅	✅	✅	Typescript
Srcbook	🗺️🖼️	Web Visual Builder	✅	⚡Rapid prototyping		✅	✅	✅		Typescript
Tempo Labs	🗺️🖼️💻	Web Visual Builder		⚡🧑‍🤝‍🧑 Rapid team prototyping. Web app creation in collaboration.	✅	✅		✅	(Supabase integration)	Javascript with React
v0.dev	🗺️🖼️💻	Web Visual Builder		⚡🧑‍🤝‍🧑 Rapid prototyping.		✅		✅		Javascript with React
svelte0.dev	🗺️🖼️💻	Web Visual Builder		⚡🧑‍🤝‍🧑 Rapid prototyping.		✅		✅		Javascript with Svelte
Webstudio	🖼️	App Visual Builder	✅	⚡ Rapid prototyping. Frontend creation of new projects	✅	✅				?

Terminal

Tool	Best-fit product roles	Type	Open-source?	Use case	Drag-and-Drop	Visual First	Bring your own LLM API key	Frontend Code	Backend Code	Code Language
Aider	💻	Terminal	✅	Creation and maintenance of complex web projects			✅	✅	✅	Multiple
Codebuff	💻	Terminal		Creation and maintenance of complex web projects				✅	✅	Multiple
Exponent.run	💻	Extension; Terminal; IDE		Code assistance and and maintenance of complex web projects files				✅	✅	Multiple

Extensions for IDE

Tool	Best-fit product roles	Type	Open-source?	Use case	Drag-and-Drop	Visual First	Bring your own LLM API key	Frontend Code	Backend Code	Code Language
Cline	💻	Extension	✅	Code assistance and Web app creation			✅	✅	✅	Multiple
Continue.dev	💻	Extension	✅	Code assistance and direct maintenance of specific files			✅	✅	✅	Multiple
Exponent.run	💻	Extension; Terminal; IDE		Code assistance and and maintenance of complex web projects files				✅	✅	Multiple
Junie	💻	Extension		Code assistance and direct maintenance of specific files			✅	✅	✅	Multiple
Kodu Claude Coder	💻	Extension	✅	Code assistance and Web app creation			✅	✅	✅	Multiple
Marscode	💻	Extension; IDE		Code assistance				✅	✅	Multiple
Monica Code	💻	Extension		Code assistance			✅	✅	✅	Multiple
Pythagora	💻	Extension; Terminal	✅	Step-by-step frontend development process using mocked data, backend, epics, tasks, and tests			✅	✅	✅	Multiple
Roo-Code	💻	Extension	✅	Code assistance and Web app creation			✅	✅	✅	Multiple
Traycer.ai	💻	Extension	✅	Code assistance and maintenance of multiple files			✅	✅	✅	Multiple
Twinny.dev	💻	Extension	✅	Code assistance and direct maintenance of specific files			✅	✅	✅	Multiple
Cody	💻	Extension		Code assistance and direct maintenance of specific files			✅	✅	✅	Multiple

IDE

Tool	Best-fit product roles	Type	Open-source?	Use case	Drag-and-Drop	Visual First	Bring your own LLM API key	Frontend Code	Backend Code	Code Language
Aide.dev	💻	IDE	✅	Web app creation			?	✅	✅	Multiple
Bolt.diy	💻	IDE (Browser)	✅	Web app creation			✅	✅	✅	Multiple
Bolt.new	💻	IDE (Browser)		Web app creation				✅	✅	Multiple
Cursor	💻	IDE		Web app creation				✅	✅	Multiple
Exponent.run	💻	Extension; Terminal; IDE		Code assistance and and maintenance of complex web projects files				✅	✅	Multiple
JetBrains	💻	IDE		Web app creation				✅	✅	Multiple
Marscode	💻	Extension; IDE		Code assistance				✅	✅	Multiple
OpenHands	💻	IDE (Browser)	✅	Web app creation & agents			✅	✅	✅	Multiple
Project IDX	💻	IDE (Browser)	Totally Free	Web app creation				✅	✅	Multiple
Replit	💻	IDE (Browser)		Web app creation				✅	✅	Multiple
Theia	💻	IDE	✅	Web app creation				✅	✅	Multiple
Trae.ai	💻	IDE		Web app creation				✅	✅	Multiple
Void	💻	IDE	✅	Web app creation			✅	✅	✅	Multiple
Windsurf	💻	IDE		Web app creation				✅	✅	Multiple
Zed	💻	IDE	✅	Web app creation			✅	✅	✅	Multiple
Zinley	💻	IDE		Web app creation	✅		✅	✅	✅	Multiple

🎁 Bonus

No-Code

Alternatives to Figma

• Penpot: open-source (without A.I.)

Alternatives to Webflow

• Plasmic
• teleporthq (without A.I.)
• Webstudio (🤖 A.I.)
• weweb.io
• Ycode (without A.I.)

Alternatives to Bubble.io

• dittofi
• Fuzzen.io
• Momen
• Wappler.io