Tailwind CSS Breakpoints Hint

A Tailwind CSS plugin that shows the active responsive breakpoint.

Install

Requires Tailwind v3.0 or higher.

1. Install the plugin:

npm install @marcorieser/tailwindcss-breakpoints-hint --save-dev

2. Add it to your tailwind.config.js file:

module.exports = {
  //...
  plugins: [
    require('@marcorieser/tailwindcss-breakpoints-hint'),
  ]
}

Usage

Build your project. The hint is only visible during development.