This guide takes you from an empty file to a styled, responsive card in five minutes with Nakshora 1.0.

Step 1 — Get the framework#

Nakshora 1.0 is a single static stylesheet. Add one <link> tag and you are done:

index.html
html
<!doctype html>
<html>
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/nakshora/nakshora@main/minified-version/v1.0.0.css" />
  </head>
  <body>
    <!-- your markup -->
  </body>
</html>

Step 2 — Compose your first UI#

Every visual decision is a class. Copy this card into your project:

index.html
html
<div class="card-glass p-6 rounded-lg">
  <h2 class="text-neon-cyan-400 font-bold text-2xl">Nakshora</h2>
  <p class="text-mono-300 mt-2">
    Utility-first styling, zero ceremony.
  </p>
  <button class="btn-neon mt-4">
    Get started
  </button>
</div>

Step 3 — Make it responsive#

Prefix any utility with a screen to apply it from that breakpoint up. v1 ships sm: through k8: (8 screens):

html
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
  <!-- one column on phones, two on large phones, four on laptops+ -->
</div>

Next steps#

InstallationEvery way to add Nakshora to a project.Utility-first methodologyThink in utilities.Utilities referenceEvery class, documented.