astro-tailwind-v4

astro-tailwind-v4

This is an Astro integration that adds Tailwind v4 support to your Astro project.

Usage

Installation

Install the integration automatically using the Astro CLI:

pnpm astro add astro-tailwind-v4

npx astro add astro-tailwind-v4

yarn astro add astro-tailwind-v4

Or install it manually:

1. Install the required dependencies

pnpm add astro-tailwind-v4

npm install astro-tailwind-v4

yarn add astro-tailwind-v4

1. Add the integration to your astro config

+import AstroTailwindV4 from "astro-tailwind-v4";

export default defineConfig({
  integrations: [
+    AstroTailwindV4(),
  ],
});

Configuration

applyBaseStyles

default: true

Disable if you don't want default Tailwind base styling

Contributing

This package is structured as a monorepo:

• playground contains code for testing the package
• package contains the actual package

Install dependencies using pnpm:

pnpm i --frozen-lockfile

Start the playground:

pnpm playground:dev

You can now edit files in package. Please note that making changes to those files may require restarting the playground dev server.

Licensing

MIT Licensed. Made with by jdtjenkins.

Acknowledgements

Astro Tailwind