WebToLLM Extension Chrome

Effortlessly capture HTML, CSS, and screenshots from any website to recreate cool UI components using large language models.

Latest Version

Version

1.0

Update

May 26, 2024

Size

2.44MiB

Developer

WebToLLM Extension

WebToLLM is an innovative Chrome extension designed to streamline the process of capturing, analyzing, and exporting web page elements. Whether you are a developer, designer, or researcher, WebToLLM provides you with the tools needed to extract and manipulate HTML, CSS, and screenshots of web elements efficiently. This extension bridges the gap between manual inspection and automated extraction, making it easier to gather the data you need for various applications, including machine learning, web development, and UI/UX design.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "WebToLLM", "version": "1.0", "description": "Effortlessly capture HTML, CSS, and screenshots from any website to recreate cool UI components using large language models.", "permissions": ["activeTab", "contextMenus", "clipboardWrite"], "background": { "service_worker": "scripts/background.js", "type": "module" }, "content_scripts": [ { "matches": [""], "js": ["libs/html2canvas.min.js", "scripts/content_script.js"], "css": ["css/overlay.css"] } ], "web_accessible_resources": [ { "resources": [ "css/overlay.css", "libs/html2canvas.min.js", "scripts/logging.js", "docs/icons/logo/web2llm.png" ], "matches": [""] } ], "action": { "default_popup": "popup.html" }, "icons": { "16": "docs/icons/logo/web2llm.png", "48": "docs/icons/logo/web2llm.png", "128": "docs/icons/logo/web2llm.png" }, "commands": { "capture_element": { "suggested_key": { "default": "Ctrl+Shift+C" }, "description": "Capture element" }, "download_txt": { "suggested_key": { "default": "Ctrl+Shift+T" }, "description": "Download data as TXT" }, "download_json": { "suggested_key": { "default": "Ctrl+Shift+J" }, "description": "Download data as JSON" }, "copy_to_clipboard": { "suggested_key": { "default": "Ctrl+Shift+X" }, "description": "Copy data to clipboard" } }}