Rich Wind - Stateless Tailwind Runtime

Stateless Tailwind Runtime

Rich Wind Studio

HTMX-drivenNo databaseIn-memory cache

Workspace

Live Compile Studio

Auto-compile

Compact

Open Preview

Inputs

Editor + Controls

Ready

Project IDPage ID

HTML Editor

<section class="rounded-3xl border border-white/20 bg-slate-950/85 p-6 text-slate-100 shadow-2xl">
  <div class="flex items-center gap-3">
    <span class="inline-flex h-11 w-11 items-center justify-center rounded-2xl bg-amber-300 text-slate-900 font-bold">RW</span>
    <div>
      <h2 class="text-2xl font-semibold">Rich Wind Preview</h2>
      <p class="text-sm text-slate-300">Live compiled Tailwind from the editor.</p>
    </div>
  </div>
  <p class="mt-4 text-base leading-relaxed text-slate-200">
    Treat HTML as data. Tailwind classes are extracted on the fly, compiled,
    and returned as CSS without a database.
  </p>
  <div class="mt-5 flex flex-wrap gap-2 text-xs uppercase tracking-[0.2em] text-slate-300">
    <span class="rounded-full bg-emerald-400/20 px-3 py-1 text-emerald-200">Inline Classes</span>
    <span class="rounded-full bg-sky-400/20 px-3 py-1 text-sky-200">LRU Cache</span>
    <span class="rounded-full bg-amber-300/20 px-3 py-1 text-amber-200">Stateless</span>
  </div>
  <div class="mt-6 flex items-center gap-3">
    <button class="rounded-full bg-white px-4 py-2 text-sm font-semibold text-slate-950">
      Publish Styles
    </button>
    <button class="rounded-full border border-white/30 px-4 py-2 text-sm text-white/80">
      View Tokens
    </button>
  </div>
</section>

Tailwind Classes

Custom CSS

Working

Preview

Live Render

Awaiting compile

Output

Generated CSS

Awaiting compile

Compile to see CSS output.

Extracted Classes

No classes yet

Classes

CSS size

Cache key

Awaiting compile