Children working around a laptop in a busy classroom.

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:

  1. Run the following command in the root of the site:

npm uninstall tailwindcss @astrojs/tailwind

  1. Remove mentions of Tailwind from your astro.config.mjs
import { defineConfig } from 'astro/config';
import tailwind from '@astrojs/tailwind';

export default defineConfig({
  // ...
  integrations: [tailwind()],
});
  1. Delete your tailwind.config.mjs file.

Recent Posts