
# Navi Documentation

<Columns cols={2} className="mt-6">
  <Card title="Tutorials" href="/navi/tutorials/quickstart" icon="play">
    Learn by doing with step‑by‑step guides.
  </Card>
  <Card title="How‑to guides" href="/navi/how-to/branding-and-theming" icon="wrench">
    Solve specific tasks with focused instructions.
  </Card>
  <Card title="Explanation" href="/navi/explanations/architecture-overview" icon="lightbulb">
    Understand concepts, architecture, and trade‑offs.
  </Card>
  <Card title="Reference" href="/navi/reference/events" icon="book">
    Precise, technical details for APIs and components.
  </Card>
</Columns>




Tutorials, How‑to guides, Explanations, and Reference for Navi.