The Tailwind debug plugin is a helpful utility for web developers. This plugin allows users to quickly and easily add a red dashed outline over any HTML element.

yarn add tailwind-debug

or

npm i tailwind-debug

Add the plugin to your tailwind.config.js file:

// tailwind.config.js
module.exports = {
  plugins: [
    require('tailwind-debug'),
  ],
}

then add the following class to your HTML element:

<div class="debug"></div>