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
a0.dev	🗺️🖼️	Web Visual Builder for Mobile Apps		⚡ Rapid prototyping of Mobile Apps		✅		✅	✅	?
Base44	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping and Full Stack Apps		✅		✅	✅	Javascript with React
Caffein	🗺️🖼️	Web Visual Builder		?		✅		?	?	?
Create.xyz	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping and Full Stack Apps		✅		✅	Integration with multiple services (Database, Authentication, API, etc)	Javascript
DataButton	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping and Full Stack Apps		✅		✅	✅	Javascript with React
Easel	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping		✅		✅		?
Fine	🗺️🖼️💻	Web/App Visual Builder/ Agentic Coder		⚡ Rapid prototyping, Full Stack Apps, edit existing code, issue to PR		✅		✅	✅	All modern languages
FlutterFlow AI	💻	Web Visual Builder for Mobile App		⚡ Full Stack Apps		✅		✅	✅	Dart with Flutter
Fragments	🗺️🖼️💻	Web Visual Builder		⚡ Rapid prototyping.		✅		✅		Javascript with React
Genatron	🗺️🖼️	Web Visual Builder		Internal Tools		✅		?	?	?
Lovable	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping		✅		(via GitHub)	(Supabase integration)	Javascript with React
MakeDraft	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping		✅		✅		Javascript
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
Reweb	🗺️🖼️💻	Web Visual Builder		⚡Rapid prototyping		✅	✅	✅	✅	Javascript
Softgen	🗺️🖼️💻	Web Visual Builder		⚡Rapid prototyping and Full Stack Apps		✅	✅	✅	✅	Javascript
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
🇧🇷 Webdraw	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping and Full Stack Apps		✅		✅	✅	Javascript with React
Webstudio	🖼️	App Visual Builder	✅	⚡ Rapid prototyping. Frontend creation of new projects	✅	✅				?
WeWeb AI	🗺️🖼️💻	Web Visual Builder		⚡🧑‍🤝‍🧑 Rapid prototyping. Web app creation.		✅		✅		Javascript with Vue
Wrapfai	🗺️🖼️	Web Visual Builder		⚡ Rapid prototyping of micro-tools using AI		✅				Javascript

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
Goose	💻	Terminal	✅	Creation and maintenance of web projects			✅	✅	✅	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
Augment	💻	Extension; Terminal; IDE		Code assistance and and maintenance of complex web projects files				✅	✅	Multiple
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
Go Codeo	💻	Extension		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

Peding to classify

• https://www.jdoodle.ai/
• https://10web.io/ai-website-builder/
• https://ohara.ai/
• https://www.softr.io/ai-app-generator
• https://www.wix.com/ai-website-builder
• https://www.hostinger.com/ai-website-builder
• https://www.butternut.ai/
• https://getcreatr.com/
• https://durable.co/
• https://squarespace.com/websites/ai-website-builder
• https://www.relume.io/
• https://uizard.io/

🎁 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