Astro With Tailwind

UI Frameworks

@astrojs/alpinejs

@astrojs/react

@astrojs/vue

@astrojs/svelte

Automatic Integration Setup

Astro includes an astro add command to automate the setup of official integrations. Several community plugins can also be added using this command. Please check each integration’s own documentation to see whether astro add is supported, or whether you must install manually.

Run the astro add command using the package manager of your choice and our automatic integration wizard will update your configuration file and install any necessary dependencies.

npm

# create a new project with npm
npx astro add react

pnpm

# create a new project with pnpm
pnpm astro add react

Yarn

# create a new project with yarn
yarn astro add react

Handling integration dependencies

If you see any warnings like Cannot find package [package-name]
after adding an integration,
your package manager may not have installed peer dependencies for you.
To install these missing packages, run npm install [package-name].