Use Tailwind From A CDN

January - 2022

You can use Tailwind from a CDN in a single HTML file like this:

<!doctype html>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src=""></script>
  <h1 class="text-3xl font-bold underline">
    Hello world!

Don't do that for production, but it's great for quick dev work.

You can update the config by adding this to the head:

    tailwind.config = {
      theme: {
        extend: {
          colors: {
            clifford: '#da373d',

You can add custom styles like this:

  <style type="text/tailwindcss">
    @layer utilities {
      .content-auto {
        content-visibility: auto;