
Tailwind
T Richardson
May 5, 2025
84 words
Less than 1 minute
Use Tailwind to style your HTML, allowing you to style your components without leaving your HTML. This can be used in combination with normal CSS and SCSS styling, leaving you to add styles to your site however you want.
If you’d like to remove Tailwind:
- Run the following command in the root of the site:
npm uninstall tailwindcss @astrojs/tailwind
- Remove mentions of Tailwind from your
astro.config.mjs
import { defineConfig } from 'astro/config';
import tailwind from '@astrojs/tailwind';
export default defineConfig({
// ...
integrations: [tailwind()],
});
- Delete your
tailwind.config.mjs
file.