Nuxt Tailwind

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]
[![Tailwind CSS][tw-src]][tw-href]

Enable Tailwind CSS for Nuxt ⚡️

📖  Documentation | ▶️ Play online | ✨  Release Notes

Features

- 👌  Zero configuration to start
- 📦  Extendable by Nuxt modules using hooks

Quick Setup

Add @nuxtjs/tailwindcss using the Nuxt CLI to your project

``bash
npx nuxi@latest module add tailwindcss
`


That's it! You can now use Tailwind classes in your Nuxt app ✨

Contributing

You can contribute to this module online:

![Edit @nuxtjs/tailwindcss in CodeSandbox](https://codesandbox.io/s/github/nuxt-modules/tailwindcss/tree/main/?fontsize=14&hidenavigation=1&theme=dark)
![Edit @nuxtjs/tailwindcss in Codeflow](https://pr.new/nuxt-modules/tailwindcss)

License

MIT - Made with 💚

[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/tailwindcss/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@nuxtjs/tailwindcss

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxtjs/tailwindcss.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/tailwindcss

[license-src]: https://img.shields.io/npm/l/@nuxtjs/tailwindcss.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/@nuxtjs/tailwindcss

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?&logo=nuxt
[nuxt-href]: https://nuxt.com

[tw-src]: https://img.shields.io/badge/tailwindcss-0F172A?&logo=tailwindcss
[tw-href]: https://tailwindcss.com