Tailwind

Viewer

Visualize your Tailwind configuration with the viewer.

By default, the module will expose a /_tailwind/ route in development, so you can quickly visualize your Tailwind configuration with easy copy-pasting (thanks to the awesome tailwind-config-viewer package ✨).

The viewer is available starting from version v3.4.0 of @nuxtjs/tailwindcss.

When enabled, you will see the Tailwind viewer url in your terminal:

Check out the viewer option to disable the viewer in development.

Config

This module comes with a default Tailwind configuration file to provide the best possible user experience.

Editor Support

Improve your development experience with features such as autocomplete, syntax highlighting, and linting.