Vue Tailwind Screens Helper

Tailwind CSS
vue-tailwind-screens-helper (VTSH)
- You change width of browser to check behavior of VTSH plugin.
- Click on helper at left bottom to minimize it.

Vue Tailwind Screens Helper is just an helper to use with to check directly in browser window current breakpoint (and some other features, see below). This helper use informations of tailwind.config.js.

Look at the left corner of your browser window and you will see tailwind's helper, you can:

  • Check current breakpoint (xs, sm, md, lg, xl)
  • Check current width of browser window
  • Hide helper, just click on it to disable it

The helper is available just in development mode, the component check process.env.NODE_ENV and display helper if it's in development.