---
title: "Hils på Anna – presentasjonsverktøyet jeg endte opp med å lage selv"
url: https://kwhorne.com/blog/hils-pa-anna-presentasjonsverktoyet-jeg-endte-opp-med-a-lage-selv
author: "Knut W. Horne"
published: 2026-05-09T23:56:06+02:00
updated: 2026-05-09T23:58:45+02:00
category: "Web Development"
tags: ["Tech Insights", "Noteworthy News"]
language: nb-NO
---

# Hils på Anna – presentasjonsverktøyet jeg endte opp med å lage selv

> Det startet med en irritasjon, slik gode prosjekter gjerne gjør. Jeg skulle holde et foredrag, åpnet et tradisjonelt presentasjonsverktøy, og brukte mer tid på å justere bullet points og dra rundt på tekstbokser enn på selve innholdet. Etter den n-te runden med "hvorfor flytter den seg ikke dit jeg vil?" tenkte jeg den samme tanken alle utviklere tenker før noe kommer ut av kontroll: jeg kan vel bare lage det selv.

<p>Det ble til <a target="_blank" rel="noopener noreferrer nofollow" href="https://kwhorne.github.io/anna.js/">Anna.js</a>.</p><h2>Hva er Anna?</h2><p>Anna.js er et open source presentasjonsrammeverk der du skriver slidene i Markdown og får en polert, interaktiv presentasjon ut i den andre enden. Én CLI-kommando, ingen GUI, ingen tekstbokser å dra rundt på. Bare innholdet ditt, slik du egentlig ville hatt det.</p><p>Tre kommandoer er alt som skal til:</p><pre><code class="language-bash">npm install -g @kwhorne/anna.js
anna init mitt-foredrag
anna serve slides.md --open
</code></pre><p>Så er du i gang. Live reload, automatisk oppdatering når du redigerer, og en presentasjon som faktisk ser ut som en presentasjon.</p><h2>Markdown først – fordi versjonskontroll er en velsignelse</h2><p>Hele poenget med å skrive slides i Markdown er at du får alle godene fra utvikler-verdenen på kjøpet. Git-historikk på presentasjoner. Branches for ulike versjoner. Pull requests fra kollegaer som vil korrigere skrivefeilen din. Diff på endringer. Alt det rare gamle binærfiler aldri har vært flinke til.</p><p>Og syntaksen er den du allerede kan. Overskrifter, lister, kodeblokker, fragmenter for animasjoner. Ingen ny applikasjon å lære, ingen meny å lete gjennom.</p><h2>AI som medforfatter</h2><p>Her måtte jeg ta meg selv litt i nakken. Jeg har ikke laget <em>enda et AI-verktøy</em> – jeg har laget et presentasjonsrammeverk som <em>også</em> kan snakke med Claude når du trenger en hjelpende hånd.</p><p>Du kan generere et helt slidedeck fra et tema (<code>anna ai "Intro til Kubernetes"</code>), be Anna om å forbedre eksisterende slides, eller oversette hele presentasjonen til et annet språk på et øyeblikk. Bring your own API key – ingen abonnementer i veien for deg som bare vil prøve.</p><h2>For oss som faktisk skal vise kode</h2><p>Tekniske presentasjoner har et eget problem: kodeeksempler som ser ut som de ble klippet ut av et 90-tallsdokument. Anna har:</p><ul><li><p>🖥️ <strong>Terminalanimasjoner</strong> – kommandoer som skrives ut foran publikum, med animert output</p></li><li><p>🎮 <strong>Live kode</strong> – en interaktiv playground med syntax highlighting</p></li><li><p>📊 <strong>Mermaid-diagrammer</strong> – flowcharts, sekvensdiagrammer, gantt – inline i slidene</p></li><li><p>🧮 <strong>Math</strong> – LaTeX rett i Markdown for de som liker formler</p></li></ul><p>Du slipper å bytte mellom syv vinduer for å vise hvordan noe faktisk fungerer.</p><h2>Publikum får en stemme</h2><p>Det jeg er mest fornøyd med – og som tok lengst tid å få på plass – er Anna Live. Når du kjører <code>anna live slides.md</code> får du to URL-er: én for deg som presentatør, og én for publikum, komplett med QR-kode på storskjerm.</p><p>Dermed kan publikum:</p><ul><li><p>Stemme i live polls</p></li><li><p>Sende inn spørsmål du kan ta etter hvert</p></li><li><p>Reagere med emoji uten å avbryte</p></li></ul><p>Det fungerer overraskende godt på workshops. Folk er litt mer tøyelige bak en telefon enn med hånda i været.</p><h2>11 temaer, åtte komponenter, og en haug med plugins</h2><p>Out of the box får du 11 temaer – fra Tokyo Night for de mørke i sjelen, til Light Minimal for de som faktisk skal projisere på lyst lerret i et opplyst rom. Åtte gjenbrukbare komponenter (kolonner, tidslinjer, kort og slikt), pluginsystem for terminal, playground, mermaid, math, search og zoom, og PDF-eksport for når noen absolutt må ha presentasjonen som vedlegg på e-post.</p><p>Embed-modus følger også med, så du kan dryppe enkeltslides inn i blogginnlegg eller dokumentasjon som web components. Praktisk for oss som skriver mye.</p><h2>Hva det koster</h2><p>Anna er <strong>gratis og open source</strong>, og kommer alltid til å være det. MIT-lisens, <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/kwhorne/anna.js">oppe på GitHub</a>, bruk det til hva du vil.</p><p>Senere kommer det en Pro-versjon for hosting, AI-kreditter og premium-temaer, og en Team-versjon med samarbeid og analyse – men kjernen forblir fri. Det var liksom hele poenget med å lage det.</p><h2>Hvorfor jeg deler dette nå</h2><p>Anna har vært et hobbyprosjekt som krøp seg innover i kvelder og helger. Den fungerer godt nok til at jeg selv bruker den til alle presentasjonene mine, og terskelen for å si det høyt er passert. Hvis du har holdt på med Markdown lenger enn du har holdt på med tradisjonelle slideverktøy, kommer du til å føle deg hjemme nokså raskt.</p><p>Prøv det gjerne – og si fra hvis noe ikke fungerer. Issues på GitHub er åpne, og jeg leser hver eneste én.</p><pre><code class="language-bash">npm install -g @kwhorne/anna.js
</code></pre><p>Resten ordner Anna.</p>
