Streamline your Tailwind CSS development with real-time inspection and intuitive class management—right in your browser.

Latest Version

Version
0.0.6
Update
November 24, 2024
Size
1.06MiB
Developer
tifoo.co
Category
Users
20
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Tifoo – Effortless Tailwind Styling Extension

🌟 Key Features
• 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
Read more

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":[""]},{"matches":[""],
"resources":["content.abf8f6f7.css"]}]}
Read more

Similar Extensions

icon

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

icon

css scanner Extension · Developer Tools 20 6 ★ 339KiB

icon

Code Formatter - JSON, CSS & JavaScript Extension · Developer Tools 20 15 ★ 1.38MiB

icon

Quick Inspect Element Extension · Developer Tools 20 9 ★ 360KiB

icon

Font Finder Extension · Developer Tools 20 185 ★ 159KiB

icon

Atomseo Broken and Redirect Links Checker Extension · Productivity 20 8 ★ 597KiB

icon

Gimli Tailwind Extension · Developer Tools 20 33 ★ 151KiB

icon

HTFLOW Inline HTML CSS Extractor Extension · Developer Tools 20 5 ★ 206KiB

icon

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

icon

Show All Padding & Margins Extension · Developer Tools 20 1 ★ 23.17KiB

icon

CSS Stacking Context inspector Extension · Developer Tools 20 21 ★ 262KiB

icon

UI Inspector - Live Style Editor Extension · Developer Tools 20 2 ★ 90.41KiB

icon

Extension Manager Extension · Productivity 20 69 ★ 937KiB

icon

AI Code Generator Extension · Developer Tools 20 1 ★ 435KiB

icon

CSS validator Extension · Developer Tools 20 1 ★ 1.04MiB

icon

cssPicker - copy css from website Extension · Developer Tools 20 6 ★ 1021KiB

icon

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

icon

Inspecta - validate design implementation Extension · Developer Tools 20 3 ★ 420KiB

icon

HTML CSS Viewer Extension · Developer Tools 20 0 ★ 7.65KiB

icon

Outline HTML Elements Extension · Developer Tools 20 1 ★ 49.84KiB

icon

ChatGPT Web Preview Extension · Developer Tools 20 7 ★ 456KiB

icon

Vertically Listed Tabs Extension · Productivity 20 15 ★ 279KiB

icon

Bootstrap grid viewer Extension · Developer Tools 20 2 ★ 34.09KiB

icon

CSS Debugger Extension · Developer Tools 20 9 ★ 13.27KiB