Scan -> Copy -> Export Tailwind

Latest Version

Version
1.0.0
Update
November 13, 2024
Size
605KiB
Developer
tailwindscanner.com
Category
Users
28
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Identity
Identity.email
Tabs
ContextMenus
ClipboardWrite
See more

Tailwind CSS Scanner Extension

The fastest, cleanest, easiest way to scan edit and copy tailwind components

Tailwind Scanner is the fastest way to inspect and edit tailwind css. Ditch Inspect element forever for this cleaner UI. Visualize the css of any element and copy its entire css rules with a single click. Then edit on the fly and export elements to tailscan.

If you have any feature requests or improvements you'd like to see, please let us know!

Try the extension out yourself at: https://tailwindscanner.com/
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Tailwind CSS Scanner", "version": "1.0.0", "description": "Scan -> Copy -> Export Tailwind", "action": {}, "background": { "service_worker": "js/service-worker.js", "type": "module" }, "icons": { "16": "./assets/icon-16.png", "48": "./assets/icon-48.png", "128": "./assets/icon-128.png" }, "permissions": [ "activeTab", "identity", "identity.email", "tabs", "contextMenus", "clipboardWrite" ], "content_scripts": [ { "matches": [ "" ], "js": [ "./js/content.js" ] }, { "matches": [ "https://play.tailwindcss.com/*" ], "js": [ "./js/content.js" ] } ], "commands": { "refresh_extension": { "suggested_key": { "default": "Ctrl+Space" }, "description": "Refresh Extension" } }, "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'; connect-src https://apis.google.com https://www.gstatic.com https://www.googleapis.com https://securetoken.googleapis.com https://identitytoolkit.googleapis.com https://firestore.googleapis.com;" }, "oauth2": { "client_id": "1003668231937-aeae5u92emv1jh9hvtg8upp01me85q5j.apps.googleusercontent.com", "scopes": [ "https://www.googleapis.com/auth/userinfo.email", "https://www.googleapis.com/auth/userinfo.profile" ] }, "web_accessible_resources": [ { "matches": [ "https://*/*", "http://*/*" ], "resources": [ "dist/js/index.js", "dist/js/options.js", "dist/js/service-worker.js", "dist/js/tailwindcdn.js", "js/tailwindcdn.js" ] } ]}
Read more

Similar Extensions

icon

Tailscan Extension · Developer Tools 28 16 ★ 1.92MiB

icon

Tailwind Inspector Extension · Developer Tools 28 1 ★ 956KiB

icon

CSS Scanly - Copy CSS | Tailwind & Bootstrap Extension · Productivity 28 5 ★ 35.52KiB

icon

WaterlooWorks Azure Extension · Productivity 28 62 ★ 550KiB

icon

SnappySnippet Extension · Developer Tools 28 9 ★ 2.24MiB

icon

Windy Extension · Developer Tools 28 21 ★ 2.31MiB

icon

css scanner Extension · Developer Tools 28 6 ★ 339KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 28 55 ★ 1.3MiB

icon

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

icon

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

icon

CSS Scan Extension · Developer Tools 28 84 ★ 1.41MiB

icon

Simpli Youtube Extension · Productivity 28 3 ★ 16.79KiB

icon

Scan CSS Extension · Productivity 28 7 ★ 115KiB

icon

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

icon

Vue Telescope Extension · Developer Tools 28 17 ★ 1.37MiB

icon

Gimli Tailwind Extension · Developer Tools 28 33 ★ 151KiB

icon

SocialSec Extension · Social & Communication 28 1 ★ 914KiB

icon

Excompt Extension · Developer Tools 28 4 ★ 895KiB

icon

Proxy SwitchyOmega 3 (ZeroOmega) Extension · Developer Tools 28 154 ★ 1.3MiB

icon

Toolwind - Devtool for Tailwind css Extension · Developer Tools 28 7 ★ 449KiB

icon

ValueMyDomain: Domain Value and Availability Checker App Extension · Productivity 28 0 ★ 1.06MiB

icon

VisBug Extension · Developer Tools 28 252 ★ 5.38MiB

icon

CSS SCANNER Extension · Developer Tools 28 5 ★ 2.75MiB

icon

FigmaToTailwind Extension · Productivity 28 0 ★ 47.42KiB