# @astrojs/tailwind

> Use Tailwind CSS to style your Astro site

Latest version **6.0.2** (published 2025-03-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @astrojs/tailwind
pnpm add @astrojs/tailwind
yarn add @astrojs/tailwind
bun add @astrojs/tailwind
```

## Health

**Score 70/100 (B)** — status: stable.

Positive: has types; esm support; no vulnerabilities; has provenance; high maintenance score; high quality score; popular repo; extremely popular.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 6.0.2 |
| Published | 2025-03-26 |
| First published | 2022-03-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM |
| Dependencies | 3 |
| Unpacked size | 9.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 63615 |
| Author | withastro |
| Maintainers | natemoo-re, fredkschott, matthewp |
| Keywords | astro-integration, withastro, css, tailwindcss |

## Links

- npm: https://www.npmjs.com/package/@astrojs/tailwind
- Repository: https://github.com/withastro/astro
- Homepage: https://docs.astro.build/en/guides/integrations-guide/tailwind/
- Issues: https://github.com/withastro/astro/issues
- npm.io page: https://npm.io/package/@astrojs/tailwind

## Dependencies (3)

- [postcss](https://npm.io/package/postcss.md) ^8.5.3
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^10.4.21
- [postcss-load-config](https://npm.io/package/postcss-load-config.md) ^4.0.2

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads
- [@modern-js/plugin-swc](https://npm.io/package/@modern-js/plugin-swc.md) — 3.4K weekly downloads

## Recent versions

- 6.0.2 (latest) — 2025-03-26
- 0.0.0-tw5-20240917210903 (experimental--tw5) — 2024-09-17
- 6.0.0-alpha.0 (alpha) — 2024-08-19
- 5.0.0-rc.1 (rc) — 2023-08-22
- 0.0.0-vercel-json-20230313201834 (next--vercel-json) — 2023-03-13
- 0.0.0-experimental-assets-20230307131344 (next--experimental-assets) — 2023-03-07
- 0.0.0-cloudcannon-fix-20230306211609 (next--cloudcannon-fix) — 2023-03-06
- 0.0.0-config-errors-20221101194733 (next--config-errors) — 2022-11-01
- 0.0.0-include-files-20221014142503 (next--include-files) — 2022-10-14
- 0.0.0-imgcache-20220929145446 (next--imgcache) — 2022-09-29
- 0.0.0-wasm-20220915005725 (next--wasm) — 2022-09-15
- 0.0.0-rc-20220726043527 (next--rc) — 2022-07-26
- 0.0.2-next.0 (next) — 2022-03-22
- 6.0.1 — 2025-03-21
- 6.0.0 — 2025-01-30
- … 51 more at https://npm.io/package/@astrojs/tailwind/versions

## README

# @astrojs/tailwind 💨

> ⚠️ **This integration is deprecated**
>
> [Tailwind CSS now offers a Vite plugin](https://tailwindcss.com/docs/installation/framework-guides/astro) which is the preferred way to use Tailwind 4 in Astro.
>
> Learn how to use Tailwind in your project in the Astro [“Styles and CSS”][docs] guide.

## Support

- Get help in the [Astro Discord][discord]. Post questions in our `#support` forum, or visit our dedicated `#dev` channel to discuss current development and more!

- Check our [Astro Integration Documentation][astro-integration] for more on integrations.

- Submit bug reports and feature requests as [GitHub issues][issues].

## Contributing

This package is maintained by Astro's Core team. You're welcome to submit an issue or PR! These links will help you get started:

- [Contributor Manual][contributing]
- [Code of Conduct][coc]
- [Community Guide][community]

## License

MIT

Copyright (c) 2023–present [Astro][astro]

[astro]: https://astro.build/
[docs]: https://docs.astro.build/en/guides/styling/#tailwind
[contributing]: https://github.com/withastro/astro/blob/main/CONTRIBUTING.md
[coc]: https://github.com/withastro/.github/blob/main/CODE_OF_CONDUCT.md
[community]: https://github.com/withastro/.github/blob/main/COMMUNITY_GUIDE.md
[discord]: https://astro.build/chat/
[issues]: https://github.com/withastro/astro/issues
[astro-integration]: https://docs.astro.build/en/guides/integrations-guide/

---
_Source: https://npm.io/package/@astrojs/tailwind · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._