Rapidly build modern websites without ever leaving your HTML.

Twigwind is a dark-first, utility CSS framework — tiny, JS-powered, and great for fast prototyping.

View on GitHub See Example 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Twigwind Test Page</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css.css">
</head>
<body>

  <h1 class="color-blue size-xl mb-20">Twigwind Test Page</h1>

  <!-- Colors -->
  <section>
    <h2 class="color-purple size-lg mb-10">Colors</h2>
    <div class="flex:row-left-center mb-10">
      <div class="bg-red size-md mr-10 p-10">Red</div>
      <div class="bg-green size-md mr-10 p-10">Green</div>
      <div class="bg-blue size-md p-10">Blue</div>
    </div>
  </section>

  <!-- Twigwind JS -->
  <script src="css.js"></script>

</body>
</html>