dankoresoft.com

Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.

Latest Version

Version

2.4.0

Update

May 21, 2024

Size

33.29KiB

Developer

dankoresoft.com

Built with Tailwind CSS Extension

We are open source! ⭐ Star us on https://github.com/dankore/built-with-tailwind-css

This tool is designed for web developers, designers, and enthusiasts who want to know Tailwind CSS usage across various sites.

Features:

⚡ Automatic Detection: Discover instantly if a website is using Tailwind CSS as soon as you navigate to it. The extension analyses both external stylesheets and inline styles.

⚡ Version Identification: Not only does the extension detect the presence of Tailwind CSS, but it also determines the specific version used, helping you understand which features and utilities are likely employed.

⚡ Badge Display: A badge on the extension icon provides quick information about the detected Tailwind CSS version, or it remains blank if Tailwind CSS isn’t found.

⚡ Efficient Caching: Results are cached per domain to optimize performance and minimize redundant checks, ensuring swift browsing without repetitive processing.

⚡ Easy Access: Use the popup to get a summary of the detection results and access settings to customize the extension's behavior.

⚡ Theme Support: Toggle between light and dark themes for the extension’s popup window, aligning with your preferred visual style.

Privacy & Security:

Your privacy is paramount. **Built with Tailwind CSS** operates entirely locally, with no data sent over the Internet or stored on external servers. The extension does not track your browsing activity or access any data other than CSS class information.

Permissions:

- Read and Change Data on Websites: Necessary for detecting Tailwind CSS in styles applied to the web pages you visit.
- Alarms: Used for managing periodic cache resets.
- Tabs & Scripting: Essential for executing content scripts that check for Tailwind CSS and communicating with tabs.

What's New:

- Enhanced detection algorithms for pinpoint accuracy.
- Added support for latest Tailwind CSS versions.
- New customizable user settings for tailored functionality.
- Improved performance with optimized caching mechanism.
- Updated UI for the popup with theme toggle support.

Try Built with Tailwind CSS today and streamline your web development and design exploration!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Built with Tailwind CSS", "description": "Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.", "version": "2.4.0", "manifest_version": 3, "background": { "service_worker": "background.js" }, "host_permissions": [ "" ], "permissions": [ "alarms", "tabs", "scripting" ], "content_scripts": [ { "matches": [""], "js": ["content.js"] } ], "action": { "default_popup": "popup.html", "default_icon": { "16": "/images/built-with-tailwindcss16.png", "32": "/images/built-with-tailwindcss32.png", "128": "/images/built-with-tailwindcss128.png" } }, "icons": { "16": "/images/built-with-tailwindcss16.png", "32": "/images/built-with-tailwindcss32.png", "128": "/images/built-with-tailwindcss128.png" }}

Download CRX(33.29KiB)