For anyone else wondering this, go to Tailwindcss CDN for instructions on how to do it. Currently it seems that <script src="https://cdn.tailwindcss.com"></script> is enough.

In the more recent Laravel versions Tailwindcss is configured from the start. If you're working with an old Laravel you can follow the Tailwind instructions for Laravel with Mix and then load the files into your layout. In the end it could look something like this:

// webpack.mix.js
mix.js("resources/js/app.js", "public/js").postCss("resources/css/app.css", "public/css", [require("tailwindcss"),]);

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = { 
  content: [ "./resources/**/*.blade.php", "./resources/**/*.js", "./resources/**/*.vue",],
  theme: { extend: {},},
  plugins: [ require('@tailwindcss/typography'), require('@tailwindcss/forms')],
}

// resources/css/app.css
@tailwind base;
@tailwind components;
@tailwind utilities;

// resources/views/components/layout.blade.php
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<script src="{{ asset('js/app.js') }}"></script>

Convert the HTML and CSS to Blade

Updated Series Available