InTab Extension Chrome

InTab Extension

⚡ Ship Responsive CSS 3X Faster ⚡

👓 Visually edit any website with InTab's No-Code CSS editor
🔍 Hover to inspect CSS - no need to open devtools
📱 Test your website responsiveness in 20+ devices with real-time sync
🏃‍♀️ Write CSS faster with built-in templates for animations/flexbox/grid layout
👇 1 Click to export auto-generated media quires and global CSS

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "InTab", "version": "3.0.0", "action": { "default_title": "InTab", "default_icon": { "19": "img/icons/19.png", "24": "img/icons/24.png", "38": "img/icons/38.png" } }, "content_scripts": [ { "matches": [ "" ], "js": [ "src/content/script/run.js" ] } ], "background": { "service_worker": "serviceWorker.js", "type": "module" }, "chrome_url_overrides": { "newtab": "src/page/config/new/index.html" }, "commands": { "_execute_action": { "suggested_key": { "windows": "Ctrl+Shift+I", "mac": "Command+Shift+I", "chromeos": "Ctrl+Shift+I", "linux": "Ctrl+Shift+I" } } }, "description": "edit any website's HTML and CSS visually", "homepage_url": "https://intab.io", "host_permissions": [ "" ], "icons": { "16": "img/icons/16.png", "24": "img/icons/24.png", "32": "img/icons/32.png", "48": "img/icons/48.png", "128": "img/icons/128.png" }, "options_ui": { "page": "src/page/config/option/index.html", "open_in_tab": true }, "permissions": [ "scripting", "downloads", "pageCapture", "storage", "unlimitedStorage", "tabs", "activeTab", "contextMenus", "webNavigation", "declarativeNetRequest", "declarativeNetRequestWithHostAccess", "browsingData" ], "web_accessible_resources": [ { "resources": [ "font/*", "img/*", "audio/*", "anim/*", "video/*", "css/*" ], "matches": [ "" ] }, { "resources": [ "src/page/event/start/index.html" ], "matches": [ "" ] }, { "resources": [ "src/page/event/update/index.html" ], "matches": [ "" ] }, { "resources": [ "assets/src/content/script/main-DdwGwYbO.js", "assets/store-BCcHbY5X.js", "assets/index-iIY_psDX.js", "assets/lodash-zwkhx9w5.js", "assets/index-BOSTdQXJ.js", "assets/client-D17568B7.js", "assets/client-D8BmtKr7.js", "assets/_plugin-vue_export-helper-DlAUqK2U.js", "assets/index-BreEXUNE.js", "assets/index-BmWB6b2e.js", "assets/main-Ba9J2n6U.css", "assets/index-UfsFw3En.css", "src/content/script/main.js" ], "matches": [ "" ] }, { "resources": [ "assets/src/content/app/run-DgpctKik.js", "assets/store-BbuBFnHV.js", "assets/index-iIY_psDX.js", "assets/lodash-zwkhx9w5.js", "assets/index-BOSTdQXJ.js", "assets/client-D17568B7.js", "assets/client-D8BmtKr7.js", "assets/fn-xaGkKkUC.js", "assets/useAxios-CK18XGUx.js", "src/content/app/run.js" ], "matches": [ "" ] }, { "resources": [ "assets/src/content/app/main-C-J2Qm9A.js", "assets/index-iIY_psDX.js", "assets/lodash-zwkhx9w5.js", "assets/index-BOSTdQXJ.js", "assets/client-D17568B7.js", "assets/client-D8BmtKr7.js", "assets/accordiontab.esm-DsMUOnW8.js", "assets/store-BbuBFnHV.js", "assets/fn-CYaFGJGn.js", "assets/_plugin-vue_export-helper-DlAUqK2U.js", "assets/index-BreEXUNE.js", "assets/useAxios-CK18XGUx.js", "assets/fn-xaGkKkUC.js", "assets/index-BmWB6b2e.js", "assets/main-D1Zz1BTq.css", "assets/accordiontab-B_SY1GJM.css", "assets/index-UfsFw3En.css", "src/content/app/main.js" ], "matches": [ "" ] }, { "resources": [ "assets/src/content/script/run-BSqZwwoh.js", "assets/store-BCcHbY5X.js", "assets/index-iIY_psDX.js", "assets/lodash-zwkhx9w5.js", "assets/index-BOSTdQXJ.js", "assets/client-D17568B7.js", "assets/client-D8BmtKr7.js", "assets/store-BbuBFnHV.js", "assets/fn-CYaFGJGn.js" ], "matches": [ "" ] } ]}

InTab

Edit any website's HTML and CSS visually

Latest Version

InTab Extension

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated