Nuxt
Tailwind

Viewer

Visualize your Tailwind configuration with the viewer.

By default, the module will expose a route in development and in Nuxt DevTools, so that you can visualize your Tailwind configuration, with the help of tailwind-config-viewer ✨

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:

> Tailwind Viewer: http://localhost:3000/_tailwind/

Check out the viewer configuration options to disable the viewer or for further customisations.

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.