Streamline your Tailwind CSS development with real-time inspection and intuitive class management—right in your browser.
Tifoo – Effortless Tailwind Styling Extension
• Real-time Element Inspection - Hover to view Tailwind classes
• Visual Class Editor - Intuitive interface for adding/removing classes
• Basic Class Autocompletion - Get Tailwind class suggestions while typing
• One-click Copy - Quickly copy elements or their classes
• Draggable Interface - Flexibly adjust tool window position
• Zero Configuration - Start using immediately after installation
• Multi-tab Support - Work with multiple pages simultaneously
• Most Comprehensive Library - Access to 140,000+ ready-to-use Tailwind classes
• Smooth Animations - Fluid transitions and visual feedback
• Regular Updates - Stay current with latest Tailwind CSS features
🎯 Works where you develop
Tifoo works seamlessly across any webpage using Tailwind CSS—no setup required. Whether you're working on:
• Personal projects
• Company websites
• Web applications
• And any site using Tailwind CSS!
👨💻 Built for Developers, by Developers
\"Tifoo streamlines Tailwind CSS development by providing the tools developers actually need, right in the browser.\"
🔓 Free and Open Source
Tifoo is completely free and open source. We believe in community-driven development to create tools that truly serve developers' needs.
🌟 Active Community Support
• Regular contributions from developers worldwide
• Quick bug fixes and feature implementations
• Extensive documentation and community support
• Growing ecosystem of plugins and extensions
If you encounter any issues or have suggestions, please submit an issue on our GitHub repository. We will respond to your needs as soon as possible.
GitHub Repository: https://github.com/syncinsect/tifoo
Source Manifest.json
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"manifest_version":3,
"action":{"default_popup":"popup.html"},
"version":"0.0.6",
"author":"syncinsect
"name":"Tifoo \u2013 Effortless Tailwind Styling",
"description":"Streamline your Tailwind CSS development with real-time inspection and intuitive class management\u2014right in your browser.",
"permissions":["activeTab"],
"content_scripts":[{"matches":["
"js":["content.883ade9e.js"],
"css":["content.1707d800.css"]}],
"host_permissions":["https://*/*"],
"web_accessible_resources":[{"resources":["*.css"],
"matches":["
"resources":["content.abf8f6f7.css"]}]}
Similar Extensions
Tailwind CSS Devtools 20 7 ★ 857KiB
css scanner 20 6 ★ 339KiB
Code Formatter - JSON, CSS & JavaScript 20 15 ★ 1.38MiB
Quick Inspect Element 20 9 ★ 360KiB
Font Finder 20 185 ★ 159KiB
Atomseo Broken and Redirect Links Checker 20 8 ★ 597KiB
Gimli Tailwind 20 33 ★ 151KiB
HTFLOW Inline HTML CSS Extractor 20 5 ★ 206KiB
CopyCss - Copy css scan from any website. 20 10 ★ 246KiB
Show All Padding & Margins 20 1 ★ 23.17KiB
CSS Stacking Context inspector 20 21 ★ 262KiB
UI Inspector - Live Style Editor 20 2 ★ 90.41KiB
Extension Manager 20 69 ★ 937KiB
AI Code Generator 20 1 ★ 435KiB
CSS validator 20 1 ★ 1.04MiB
cssPicker - copy css from website 20 6 ★ 1021KiB
WindChat-ChatGPT Tailwind CSS React Previewer 20 4 ★ 483KiB
Inspecta - validate design implementation 20 3 ★ 420KiB
HTML CSS Viewer 20 0 ★ 7.65KiB
Outline HTML Elements 20 1 ★ 49.84KiB
ChatGPT Web Preview 20 7 ★ 456KiB
Vertically Listed Tabs 20 15 ★ 279KiB
Bootstrap grid viewer 20 2 ★ 34.09KiB
CSS Debugger 20 9 ★ 13.27KiB