Examples

Dark Mode

Example of enabling dark mode with the module.

This is an example using the Tailwind Dark Mode with the help of @nuxtjs/color-mode module.

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    '@nuxtjs/tailwindcss',
    '@nuxtjs/color-mode'
  ],
})

See the working demo below:

Loading Sandbox...

Basic Usage

Example usage of the module.

Nuxt Content

Discover how powerful it is to use Tailwind CSS with Markdown files.