Tailscan

Tailscan is the essential browser-based devtool for developers, designers, and product teams working with Tailwind CSS. Whether you're building, designing, or debugging, Tailscan lets you visually edit and explore Tailwind-powered websites — all without leaving your browser.

Key Features:

• 1. Visual Tailwind Editing
  Build, design, and debug Tailwind CSS directly in your browser—no need to switch back and forth with your code editor.
• 2. Real-Time Class Editing
  Instantly see changes as you add or modify Tailwind classes. Perfect for rapid prototyping and UI tweaks.
• 3. Tailwind Class Lookup
  Inspect any Tailwind-based website and view the class structure used for components—great for learning and inspiration.
• 4. Access to All Tailwind Classes
  Use any Tailwind class or variant—even those purged during build—right inside the browser.
• 5. Custom Tailwind Config Support
  Upload your own Tailwind configuration to reflect your exact design tokens, theme settings, and utilities.

Available as a Chrome extension with yearly and lifetime licenses.

For more information, visit Tailscan.