# AI tools for “Front-end code generation”

845 matching tools; showing 24, ranked by relevance.

Related categories: [ai-code-generator](https://openaitools.app/category/ai-code-generator.md), [ai-developer-tools](https://openaitools.app/category/ai-developer-tools.md), [ai-qr-code-generator](https://openaitools.app/category/ai-qr-code-generator.md)

| # | Tool Name | Monthly Visits | MoM Growth Rate | Pricing Model | Summary | Why it matched | Profile (Markdown) |
| :--- | :--- | :--- | :--- | :--- | :--- | :--- | :--- |
| 1 | [Builder.io](https://openaitools.app/tool/builder-io) | 608,182 | +3.6% | Freemium, Subscription, Contact for Pricing | Ship on-brand product experiences with your team and AI agents | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/builder-io.md) |
| 2 | [v0 by Vercel](https://openaitools.app/tool/v0-dev-by-vercel-labs) | 2,774,275 | -14.3% | Freemium | Prompt to working full-stack web app, published in seconds | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/v0-dev-by-vercel-labs.md) |
| 3 | [TeleportHQ](https://openaitools.app/tool/teleporthq) | 133,021 | +9.9% | Freemium | Low-code website builder with AI assistance and free code export | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/teleporthq.md) |
| 4 | [WeWeb](https://openaitools.app/tool/weweb) | 329,952 | +0.8% | Freemium, Paid | AI app builder with visual editing and full code export | category: ai-code-generator; keywords 100%; semantic match | [.md](https://openaitools.app/tool/weweb.md) |
| 5 | [Anima](https://openaitools.app/tool/anima) | 283,307 | -5.8% | Freemium | Design-aware AI agent that turns Figma files, URLs, and prompts into live apps | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/anima.md) |
| 6 | [Locofy.ai](https://openaitools.app/tool/locofy-ai) | 31,137 | -38.8% | Paid, Contact for Pricing | Turn Figma designs into production-ready front-end code | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/locofy-ai.md) |
| 7 | [Kombai](https://openaitools.app/tool/kombai) | 85,231 | -17% | Freemium, Paid, Contact for Pricing | AI design engineer that ships production-ready frontend | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/kombai.md) |
| 8 | [Base44](https://openaitools.app/tool/base44) | 14,039,232 | +0.5% | Freemium, Paid, Contact for Pricing | Build working apps, websites, and AI agents by describing them | category: ai-code-generator, ai-developer-tools; keywords 100% | [.md](https://openaitools.app/tool/base44.md) |
| 9 | [DeepSeek](https://openaitools.app/tool/deepseek) | 372,761,591 | +4.3% | Freemium | High-efficiency open-weight and hosted reasoning AI powered by DeepSeek-V4 and R1 at ultra-low token costs. | category: ai-code-generator | [.md](https://openaitools.app/tool/deepseek.md) |
| 10 | [PureCode AI](https://openaitools.app/tool/purecode-ai) | 32,837 | -19.4% | Freemium, Paid, Contact for Pricing | Your AI coding agent in VS Code and the cloud | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/purecode-ai.md) |
| 11 | [CSSPicker](https://openaitools.app/tool/css-picker) | 19,800 | -46.6% | Freemium | Copy CSS from any website and turn designs, images or prompts into clean front-end code | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/css-picker.md) |
| 12 | [Google AI Studio](https://openaitools.app/tool/google-ai-studio) | 112,620,020 | +2% | Freemium | Google's rapid prototyping IDE and developer API workbench for building multimodal applications with Gemini models. | category: ai-developer-tools | [.md](https://openaitools.app/tool/google-ai-studio.md) |
| 13 | [IMG2HTML](https://openaitools.app/tool/img2html) | 32,471 | +52.6% | Free Trial, Paid | Turn screenshots and mockups into clean, responsive HTML with AI | category: ai-code-generator; keywords 100% | [.md](https://openaitools.app/tool/img2html.md) |
| 14 | [Replit](https://openaitools.app/tool/replit) | 10,016,437 | -7.7% | Freemium, Paid | Describe your idea and Replit builds a working app in minutes | category: ai-code-generator | [.md](https://openaitools.app/tool/replit.md) |
| 15 | [Qoder](https://openaitools.app/tool/qoder) | 5,145,040 | +81.8% | Freemium, Free Trial, Free | An agentic coding platform that ships real software | category: ai-code-generator, ai-developer-tools; semantic match | [.md](https://openaitools.app/tool/qoder.md) |
| 16 | [AI Love Code](https://openaitools.app/tool/ai-love-code) | 1,423 | -47.7% | Freemium | Generate responsive website source code from a plain-language brief | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/ai-love-code.md) |
| 17 | [Qwen 4 (Alibaba Qwen4)](https://openaitools.app/tool/qwen-4) | 35,101,353 | -6.2% | Freemium | Alibaba Cloud's 4th-generation multimodal AI assistant and foundation model lineup (Qwen4-Max, Qwen4-Plus, Qwen4-Flash & open-weight Qwen4-27B) with 1M context. | category: ai-code-generator | [.md](https://openaitools.app/tool/qwen-4.md) |
| 18 | [Perchance](https://openaitools.app/tool/perchance-ai) | 27,160,772 | +4% | Free | Build and share random generators for free with lists and simple code | category: ai-code-generator | [.md](https://openaitools.app/tool/perchance-ai.md) |
| 19 | [Cursor](https://openaitools.app/tool/cursor) | 23,297,751 | +8.4% | Freemium | The AI coding agent for building ambitious software | category: ai-code-generator, ai-developer-tools | [.md](https://openaitools.app/tool/cursor.md) |
| 20 | [Command Code](https://openaitools.app/tool/command-code) | 2,358,177 | -12.1% | Freemium, Contact for Pricing | The coding agent that learns your coding taste | category: ai-code-generator, ai-developer-tools | [.md](https://openaitools.app/tool/command-code.md) |
| 21 | [Pi Coding Agent](https://openaitools.app/tool/pi-coding-agent) | 1,929,244 | +4% | Free | A minimal, extensible terminal coding agent you can reshape | category: ai-code-generator, ai-developer-tools | [.md](https://openaitools.app/tool/pi-coding-agent.md) |
| 22 | [Codia AI](https://openaitools.app/tool/codia-ai) | 398,220 | -2.8% | Freemium, Contact for Pricing | Turn flat screenshots, PDFs and slides back into editable designs and code | category: ai-code-generator; keywords 100% | [.md](https://openaitools.app/tool/codia-ai.md) |
| 23 | [Athena Desktop](https://openaitools.app/tool/athena-desktop) | 1,873,747 | +2,729.7% | Free | Local-first desktop workspace and orchestration layer for AI coding agents | category: ai-code-generator | [.md](https://openaitools.app/tool/athena-desktop.md) |
| 24 | [Polymet](https://openaitools.app/tool/polymet) | 215 | -91.1% | Freemium | AI product designer that ships production-ready UI code | category: ai-code-generator, ai-developer-tools; keywords 100%; semantic match | [.md](https://openaitools.app/tool/polymet.md) |

Page 1 of 36 · [Next page →](https://openaitools.app/index.md?q=Front-end+code+generation&page=2)

For programmatic access use `https://openaitools.app/api/tools?q=…` or MCP `https://openaitools.app/api/mcp`.

---
Source: https://openaitools.app/?q=Front-end%20code%20generation

More Markdown: [Categories](https://openaitools.app/categories.md) · [Traffic rankings](https://openaitools.app/rankings.md) · [llms.txt](https://openaitools.app/llms.txt)