TailwindCSS

CSS Framework: TailwindCSS

Install

<script src="https://cdn.tailwindcss.com/3.2.4"></script>
<script>
  tailwind.config = {
    corePlugins: {
      // Reset css
      preflight: true,
    },
    theme: {
      extend: {
        colors: {
          clifford: '#da373d',
        }
      }
    }
  }
</script>

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

Icon

Editor

VSCode

WebStrom

Component

Reference


Cheetsheet

CSS Framework: TailwindCSS Cheetsheet

Component

CSS Framework: TailwindCSS Component

JavaScript Framwwork

CSS Framework: TailwindCSS JavaScript Framwwork