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

Similar Extensions

icon

Website To React - By CodeParrot.ai Extension · Developer Tools 407 3 ★ 99.98KiB

icon

AI code analyzer Extension · Productivity 407 5 ★ 881KiB

icon

AI Faceless Video Generator Extension · Productivity 407 1 ★ 165KiB

icon

ChatGPT Automatically 'Continue generating' with Completion Notification Extension · Productivity 407 5 ★ 354KiB

icon

ChatGPT Search Bar & Send With Command Enter Extension · Productivity 407 0 ★ 205KiB

icon

Pixelcode AI - Extract code from video tutorials Extension · Developer Tools 407 2 ★ 371KiB

icon

Salesforce Shortcuts Extension · Productivity 407 2 ★ 333KiB

icon

Code Review AI Extension · Developer Tools 407 3 ★ 44.84KiB

icon

SnapzBack - Multi Layout Manager: Sync & Save Extension · Productivity 407 12 ★ 1.4MiB

icon

Anti FeR toolkit Extension · Fun 407 3 ★ 85.54KiB

icon

ChatGPT Web Preview Extension · Developer Tools 407 7 ★ 456KiB

icon

ChatGPT Bottom Copy Code Button & Statistics Extension · Developer Tools 407 6 ★ 260KiB

icon

CopyStyle - Snatch style from any site, swiftly and seamlessly. Extension · Productivity 407 2 ★ 1.94MiB

icon

GPT Code Assistant Extension · Developer Tools 407 0 ★ 2.55MiB

icon

ChatGPT UI Preview Extension · Developer Tools 407 3 ★ 59.89KiB

icon

GL Git Clone Extension · Developer Tools 407 1 ★ 55.18KiB

icon

Boss Hub | Link Extension · Productivity 407 1 ★ 490KiB

icon

Site Blocker Extension · Productivity 407 2 ★ 46.95KiB

icon

Sparrow - Website video, tagging, diagnostic tools Extension · Developer Tools 407 3 ★ 12.13MiB

icon

IMG2HTML: Screenshot Capture to code Extension · Productivity 407 7 ★ 1.11MiB

icon

RunJS - 从任意站点轻松收藏UI组件 Extension · Developer Tools 407 4 ★ 1.26MiB

icon

The Dive: AI Summary & Chat for YouTube, PDF, Web - Summarizer w/ Privacy Extension · Productivity 407 19 ★ 1.14MiB

icon

Inspecta - validate design implementation Extension · Developer Tools 407 3 ★ 420KiB

icon

copy-figma-css Extension · Developer Tools 407 3 ★ 153KiB