How it works

Simple by design.

No imports .astro 
---
// Nothing to import. Nothing to configure.
---

<section class="...">
  <h1>Your content here.</h1>
</section>
Plain Tailwind .astro 
<!-- Every class is standard Tailwind.
     Change anything you want. -->
<h1 class="text-5xl font-extrabold
           tracking-tight text-gray-950">
  Beautiful blocks.
</h1>
Works anywhere .astro 
<!-- Renders to plain HTML.
     Use it in React, Vue, or any framework. -->
<section class="relative isolate ...">
  <div class="mx-auto max-w-3xl">
    ...
  </div>
</section>