Tailwind Ninja Extension Chrome

Wanna be Tailwind Ninja use Tailwind Ninja browser extension.

Latest Version

Version

1.0.2

Update

February 5, 2023

Size

122KiB

Developer

tailwindninja.com

Tailwind Ninja Extension

Hello to All!

Want to minimise the time needed to transition your website from CSS to Tailwind.

Are you a Web developer then? You are aware that designing one's web components may require a lot of your time.

Tailwind Ninja, which acts as your assistant rather than writing all the code by itself, speeds up development and increases productivity.

Easy as:
1. Click the extension icon
2. Hover on the element you want to convert
3. Click V/G to get the tailwind CSS of Outlined Element
4. Hooray!! Create the exact same element for your own

Features:
1. Hover an element to view its converted Tailwind CSS Classes
2. Also displays the styles that are missing from TailwindCSS.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Tailwind Ninja", "manifest_version": 3, "version": "1.0.2", "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'; script-src-elem 'self'" }, "description": "Wanna be Tailwind Ninja use Tailwind Ninja browser extension.", "content_scripts": [ { "matches": ["http://*/*", "https://*/*", "file://*/*"], "js": ["js/tailwindHomePage.js"] } ], "externally_connectable": { "matches": ["https://www.tailwindninja.com/*"] }, "action": { "default_title": "Tailwind Ninja", "default_icon": "img/16.png" }, "icons": { "16": "img/16.png", "24": "img/24.png", "32": "img/32.png", "48": "img/48.png" }, "background": { "service_worker": "js/background.js" }, "web_accessible_resources": [ { "resources": [ "assets/images/C.png", "assets/images/M.png", "assets/images/T.png", "assets/images/V.png" ], "use_dynamic_url": true, "matches": [""] } ], "permissions": ["tabs", "notifications", "scripting"], "host_permissions": ["http://*/*", "https://*/*", "file://*/*"], "commands": { "_execute_browser_action": { "suggested_key": { "windows": "Ctrl+Shift+V", "mac": "Command+Shift+V", "chromeos": "Ctrl+Shift+V", "linux": "Ctrl+Shift+V" } } }}

Tailwind Ninja

Wanna be Tailwind Ninja use Tailwind Ninja browser extension.

Latest Version

Tailwind Ninja Extension

Source Manifest.json

Similar Extensions

Get source code (.Zip)

Latest Updates

Top Rated