@unocss/astro

@unocss/astro

The UnoCSS integration for Astro. Check the example.

Installation

npm i -D unocss

// astro.config.ts
import UnoCSS from 'unocss/astro'

export default {
  integrations: [
    UnoCSS({ /* options */ }),
  ],
}

Presetless usage

This plugin does not come with any default presets. If you are building a meta framework on top of UnoCSS, see this file for an example to bind the default presets.

npm i -D @unocss/astro

// astro.config.mjs
import UnoCSS from '@unocss/astro'

export default {
  integrations: [
    UnoCSS({
      presets: [
        /* no presets by default */
      ],
      /* options */
    }),
  ],
}

for more details, please refer to the Vite plugin.

Notes

client:only components must be placed in components folder or added to UnoCSS's extraContent config in order to be processed.

License

MIT License © 2021-PRESENT Anthony Fu