Tailwind Eye Dropper is an open source extension that allows you to pick colors from web pages and convert them to a Tailwind preset

Latest Version

Version
1.01
Update
February 8, 2021
Size
183KiB
Developer
Category
Users
279
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
ClipboardWrite
See more

Tailwind Eye Dropper Extension

Pick a color from a page, convert it to the closest Tailwind preset, and automatically copy it to your clipboard.

Forked from http://eye-dropper.kepi.cz/
The original extension is great and I recommend supporting the author!
I added:
1. Convert to Tailwind
2. Automatically copy to clipboard


Icon made by Freepik (https://www.freepik.com) from www.flaticon.com
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Tailwind Eye Dropper", "version": "1.01", "version_name": "1.01", "manifest_version": 2, "description": "Tailwind Eye Dropper is an open source extension that allows you to pick colors from web pages and convert them to a Tailwind preset", "minimum_chrome_version": "49", "background": { "page": "background.html", "persistent": true }, "options_page": "options.html", "icons": { "48": "img/icon_48.png", "128": "img/icon_128.png" }, "browser_action": { "default_icon": { "19": "img/icon_19.png", "38": "img/icon_38.png" }, "default_title": "Eye Dropper", "default_popup": "popup.html" }, "permissions": [ "activeTab", "storage", "clipboardWrite" ], "web_accessible_resources": [ "inc/jquery-2.1.0.min.js", "inc/jquery.scrollstop.js", "js/edropper2.js", "inject/anchor-cursor-default.css", "inject/anchor-cursor-crosshair.css", "inject/edropper2.css" ], "commands": { "activate": { "suggested_key": { "default": "Alt+P" }, "description": "Activate pick color from web page" } }}
Read more

Similar Extensions

icon

Tailwind CSS Media Query Inspector Extension · Developer Tools 279 4 ★ 631KiB

icon

Supertweak Extension · Developer Tools 279 4 ★ 75.3KiB

icon

CSS To Tailwind Extension · Developer Tools 279 22 ★ 182KiB

icon

Tailwind Color Picker Extension · Developer Tools 279 6 ★ 345KiB

icon

Gimli Tailwind Extension · Developer Tools 279 33 ★ 151KiB

icon

Excompt Extension · Developer Tools 279 4 ★ 895KiB

icon

Tailwind Devtools Extension · Developer Tools 279 8 ★ 103KiB

icon

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

icon

Tailwindcss Extension Extension · Productivity 279 1 ★ 231KiB

icon

Tailwind UI React Extension · Developer Tools 279 7 ★ 376KiB

icon

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

icon

Devtools for Tailwind CSS Extension · Developer Tools 279 18 ★ 49.64MiB

icon

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

icon

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

icon

Windy Extension · Developer Tools 279 21 ★ 2.31MiB

icon

Inspect Flow Extension · Developer Tools 279 5 ★ 900KiB

icon

Color Picker and Eye Dropper Extension · Developer Tools 279 6 ★ 4.82MiB

icon

Eye Dropper Extension Extension · Developer Tools 279 3 ★ 28.92KiB

icon

Tailscan Extension · Developer Tools 279 16 ★ 1.92MiB

icon

Color Eye Dropper 2.0 Extension · Developer Tools 279 34 ★ 172KiB

icon

Eye Dropper Extension · Productivity 279 4 ★ 9.7KiB

icon

Alpine.js devtools Extension · Developer Tools 279 34 ★ 67.78KiB

icon

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

icon

WindChat-ChatGPT Tailwind CSS React Previewer Extension · Developer Tools 279 4 ★ 483KiB

User reviews

icon

Mubashar Khan (ID: 00000047563550b7) Voted 5 ★ - Updated 01/16/2022 Easy to use and works great

icon

Claus Helge Ahrens (ID: 000000f55467e672) Voted 5 ★ - Updated 02/09/2021 Really great extension! Easy to use and makes it really easy to work in tailwind. 10/10 would recommend