What is PixOK, A CSS design tool for FE developers?

PixOK, A CSS design tool for FE developers is a Chrome extension developed by haozi, and its main feature is "Visual design comparison / Front-end development assistant / Color picker / Reference line / UI design aid / CSS".

Extension Screenshots

Download PixOK, A CSS design tool for FE developers Extension CRX File

Download PixOK, A CSS design tool for FE developers extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

It is used to assist in restoring the visual draft. You can upload or copy and paste the image from figma/sketch, etc. to the current web page and pin it. It is used to assist in the comparison between the visual draft and the real front-end restoration.

https://github.com/ha0z1/PixOK

Extension Basic Information

Name	PixOK, A CSS design tool for FE developers
ID	khobdjijiochmoombmndbjhlampfpggk
Official URL	https://chromewebstore.google.com/detail/pixok-a-css-design-tool-f/khobdjijiochmoombmndbjhlampfpggk
Description	Visual design comparison / Front-end development assistant / Color picker / Reference line / UI design aid / CSS
File Size	584 KB
Installation Count	92
Current Version	2.7.0
Last Updated	2024-02-07
Publish Date	2023-04-11
Developer	haozi
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/ha0z1/PixOK
Help Page URL	https://github.com/ha0z1/PixOK
Privacy Policy Page URL	https://www.privacypolicygenerator.info/live.php?token=1lQiFKLRQ3UZKoMMW0BgVmwu8vPiih7g
Supported Languages	en,zh-CN,zh-TW
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "version": "2.7.0", "name": "__MSG_appName__", "description": "__MSG_appDesc__", "action": [], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [ "" ], "all_frames": true, "js": [ "content_script.js" ], "run_at": "document_start" } ], "default_locale": "en", "homepage_url": "https:\/\/github.com\/ha0z1\/PixOK", "host_permissions": [ "" ], "icons": { "16": "images\/icon_16x16.png", "32": "images\/icon_32x32.png", "48": "images\/icon_48x48.png", "128": "images\/icon_128x128.png" }, "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA1kDKRfFCxXaY2zwwHurpA4xcSZwCJXXXNQagvLYXvircKrb7ht6Ho88VmlLRuFC8Rw0zNqRZKioy5bLqY0ATcmtodHHEKJrJ6\/m0e28jAlJGoVnYtHVeQRm9bZyO9s0Sn6ICJZod1TVGKJqPu5J9PW08C8gZKcgqOXOHO2aVkNXoTrQGZzDQqqXr1+9AV9Vv8NxgaLsb3gWZgwklMVILpBPerC5L+M6MD8C8j\/pV6ykAte2iCUfLHhWzaFN59Fqcz4oY+NiiYBnjmSVpM2LgCLDfvXc1I03hSNOHYM2o5mml6T8N+Th6KNEDAglnbmhfDsGlWo8pQqzsfn3eHs3xkwIDAQAB", "permissions": [ "storage", "unlimitedStorage" ], "web_accessible_resources": [ { "resources": [ "inject.js", "app\/", "images\/" ], "matches": [ "" ], "use_dynamic_url": true } ] }

Related Extensions