Wanna be Tailwind Ninja use Tailwind Ninja browser extension.

Latest Version

Version
1.0.2
Update
February 5, 2023
Size
122KiB
Developer
tailwindninja.com
Category
Users
11
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Notifications
Scripting
See more

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.
Read more

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" } } }}
Read more

Similar Extensions

icon

Html Style Copier Extension · Developer Tools 11 0 ★ 2.95MiB

icon

Haikyuu Cursor Extension · Fun 11 24 ★ 2.07MiB

icon

CoPilot™ Extensions For Chrome Extension · Developer Tools 11 26 ★ 1.09MiB

icon

Hoverify Extension · Developer Tools 11 145 ★ 14.54MiB

icon

Tailwind Cheat Sheet Extension Extension · Developer Tools 11 5 ★ 224KiB

icon

FanfictionUltimate Extension · Fun 11 8 ★ 1.46MiB

icon

Tailwind CSS Devtools Extension · Developer Tools 11 7 ★ 857KiB

icon

Just Color Picker Extension · Developer Tools 11 4 ★ 12.66KiB

icon

BrowserGPT Extension · Productivity 11 9 ★ 1.16MiB

icon

Naruto Uzumaki New Tab 2024 Extension · Photos 11 0 ★ 12.49MiB

icon

CopyCss - Copy css scan from any website. Extension · Developer Tools 11 10 ★ 246KiB

icon

Tailwind Viewport Sizer Extension · Developer Tools 11 6 ★ 292KiB

icon

Built with Tailwind CSS Extension · Developer Tools 11 0 ★ 33.29KiB

icon

Tailscan Extension · Developer Tools 11 16 ★ 1.92MiB

icon

Gimli Tailwind Extension · Developer Tools 11 33 ★ 151KiB

icon

Figma to Flutter Converter Extension · Developer Tools 11 1 ★ 39.33KiB

icon

Tailwind Inspector Extension · Developer Tools 11 1 ★ 956KiB

icon

Supertweak Extension · Developer Tools 11 4 ★ 75.3KiB

icon

Taildoor Extension · Developer Tools 11 6 ★ 1.18MiB

icon

TWUING Extension Extension · Developer Tools 11 4 ★ 61.73KiB

icon

Tifoo – Effortless Tailwind Styling Extension · Developer Tools 11 0 ★ 1.06MiB

icon

TailwindCSS Media Query Visualizer Extension · Developer Tools 11 1 ★ 631KiB

icon

Smoothcomp Judo Ladder Extension · Productivity 11 0 ★ 13.01KiB

icon

Tailwind CSS Scanner Extension · Developer Tools 11 1 ★ 605KiB