Using AI technology, convert screenshots, design drafts, and prompts into front-end code(HTML/Tailwind/React/Vue/Bootstrap/Ionic).

Latest Version

Version
1.0.2
Update
October 29, 2024
Size
435KiB
Developer
www.livepolls.app/chrome_addons
Category
Users
407
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Identity
Identity.email
See more

AI Code Generator Extension

Using powerful AI technology, convert screenshots, design drafts, and prompts into front-end code(HTML/Tailwind/React/Vue/Bootstrap/Ionic).
Screenshot to code, convert design to code, prompts to code.

AI-powered UI builder:
convert screenshots, mockups and Figma designs and prompts into clean, functional code using AI.

Effortless UI Translation:
Transform screenshotss, design drafts, and prompts into front-end code seamlessly, streamlining the development process.

Intuitive Integration:
User-friendly extension that seamlessly integrates with your workflow for instant code generation.

Accelerate Development:
Boost productivity by converting visual designs into front-end code in a fraction of the time.

Visual Learning Aid:
Learn and understand UI development through a visual translation of design elements to code.

Support for mainstream front-end frameworks:
We support generating code for these front-end frameworks: HTML + Tailwind, HTML + CSS, React + Tailwind, Vue + Tailwind, Bootstrap, Ionic + Tailwind, and many more!

Combines the capabilities of many large models:
Such as Claude Sonnet 3.5, GPT-4o, GPT-4 Vision for image recognition, DALL-E 3 for image generation
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "AI Code Generator", "manifest_version": 3, "version": "1.0.2", "description": "Using AI technology, convert screenshots, design drafts, and prompts into front-end code(HTML/Tailwind/React/Vue/Bootstrap/Ionic).", "permissions": [ "storage", "identity", "identity.email" ], "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "action": { "default_title": "Click to open panel", "default_icon": { "16": "src/assets/16.png", "48": "src/assets/48.png", "128": "src/assets/128.png" } }, "icons": { "16": "src/assets/16.png", "48": "src/assets/48.png", "128": "src/assets/128.png" }, "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "src/assets/128.png" ], "use_dynamic_url": true } ], "content_security_policy": { "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';" }}
Read more