Skip to Content
DocumentationTailwind CSS Integration

Using Tailwind CSS in Hyperclay Apps

Hyperclay automatically generates Tailwind CSS for your apps. No build tools, no config files required.

Setup

Add this to your <head>:

<link rel="stylesheet" href="/tailwindcss/YOUR-APP-NAME.css">

Replace YOUR-APP-NAME with your HTML filename (without .html).

Example

For a file named my-app.html:

<link rel="stylesheet" href="/tailwindcss/my-app.css">

Then use Tailwind classes anywhere in your HTML:

<button class="px-4 py-2 bg-blue-500 text-white rounded">
  Click me
</button>

Save your file and the CSS generates automatically.

How It Works

  1. Add Tailwind classes to your HTML
  2. Save
  3. CSS regenerates with only the utilities you use

Works on hyperclay.com and Hyperclay Local.

Last updated on
Multi Tenant GuideChangelog