The Docus WindiCSS implementation.

Usage no npm install needed!

<script type="module">
  import docusWindicssModule from 'https://cdn.skypack.dev/@docus/windicss-module';


Docus WindiCSS Module

WindiCSS scanning compatible with Docus.

Quick Setup

  1. Add @docus/windicss-module dependency to your project:
# Using Yarn
yarn add --dev @docus/windicss-module
# Using NPM
npm install --save-dev @docus/windicss-module
  1. Add @docus/windicss-module to the buildModules section of your nuxt.config.js
  buildModules: ['@docus/windicss-module']


  1. Add a windi.config.{js|ts} file at the root of your themeDir.
  2. Write your windi.config file as you would usually do.
  3. It gets merged with the user Windi config (rootDir/windi.config) file.
  4. You also get full scanning of Windi classes into Span Syntax.


  1. Clone this repository
  2. Install dependencies using yarn install
  3. Start dev server using yarn dev