Klicke in der Sidebar auf „+ Neues Board". Es öffnet sich ein Template-Picker mit 6 Vorlagen: Leer, Kanban, Sprint, OKRs, Content-Pipeline und Sales-Pipeline. Wähle ein Template und dein Board wird sofort mit passenden Listen erstellt.

Jedes Board kann ein eigenes visuelles Theme haben. Wähle unten in der Sidebar zwischen Aurora (grün/cyan), Cosmos (lila/pink), Sunset (orange/rot), Forest (grün), Cyber (neon blau/pink) und Minimal (indigo). Das Theme ändert Hintergrund, Akzentfarben und Glow-Effekte.

Wechsle zwischen Dark und Light Mode über den Button unten in der Sidebar oder mit der Taste D. Der Light Mode hat eine eigene Pastell-Ästhetik – nicht nur invertierte Farben.

Die Sidebar lässt sich mit dem Hamburger-Button oder der Taste B ein- und ausklappen. Sie nutzt eine Spring-Animation für butterweiche Übergänge. Die Sidebar zeigt alle Boards, die Kartenanzahl und Theme-Vorschau.

Klicke rechts auf „+ Liste hinzufügen" um eine neue Liste zu erstellen. Klicke auf den Listentitel zum Umbenennen. Über das ⋯ Menü kannst du Listen umbenennen oder löschen. Der animierte Gradient-Border unter dem Header zeigt die aktiven Akzentfarben.

Halte den Listen-Header gedrückt und ziehe die Liste an die gewünschte Position. Ein Ghost-Element folgt deiner Maus und die Liste wird beim Loslassen an der neuen Stelle eingefügt.

Klicke „+ Karte hinzufügen" am Ende einer Liste oder drücke N. Es öffnet sich direkt das Detail-Modal. Dort kannst du bearbeiten:
Titel – direkt oben editierbar
Beschreibung – unterstützt Markdown (Überschriften, Listen, Code, Links)
Labels – 8 Farben (Dringend, Follow Up, Ausstehend, Qualifiziert, Enterprise, Strategisch, VIP, Neu)
Fälligkeitsdatum – mit automatischem Farbcode (grün = erledigt, gelb = bald fällig, rot = überfällig)
Mitglieder – Avatare zuweisen (JD, SK, MR)

Jede Karte kann eine Checkliste haben. Füge Einträge im Modal hinzu und hake sie ab. Der Fortschrittsbalken aktualisiert sich animiert. Beim Abhaken gibt es einen Konfetti-Burst! Auf der Karte siehst du den Stand als Badge (z.B. ✅ 3/5).

Im Karten-Modal kannst du Bilder als Anhang hinzufügen – per Klick auf die Anhang-Zone oder per Drag & Drop. Bilder werden als Base64 gespeichert. Das erste Bild wird als Cover auf der Karte angezeigt.

Im unteren Bereich des Karten-Modals kannst du Kommentare schreiben. Jeder Kommentar zeigt Autor-Avatar, Name und Datum an. Perfekt für Diskussionen und Statusupdates innerhalb eines Teams.

Halte eine Karte gedrückt und ziehe sie. Die Karte hebt sich mit Scale + Rotation + Glow-Effekt. Eine pulsierende Drop-Linie zeigt dir die Zielposition. Du kannst Karten innerhalb einer Liste umsortieren oder zwischen Listen verschieben.

Drücke F oder klicke auf Suche im Header. Die Suche durchsucht alle Karten über alle Boards hinweg – Titel und Beschreibung. Klicke auf ein Ergebnis um direkt zur Karte zu springen, auch wenn sie auf einem anderen Board liegt.

N – Neue Karte in der ersten Liste
F – Suche öffnen
? – Shortcut-Übersicht
B – Sidebar ein-/ausblenden
D – Dark/Light Mode wechseln
H – Diese FAQ öffnen
Esc – Aktuelles Overlay schließen

Alle Daten werden automatisch im LocalStorage deines Browsers gespeichert. Jede Änderung wird sofort persistiert. Die App funktioniert komplett offline nach dem ersten Laden – alle Dependencies werden vom CDN gecacht.

Unten in der Sidebar findest du Export und Import Buttons. Export speichert alle Boards als JSON-Datei. Import lädt eine zuvor exportierte Datei und stellt alle Boards wieder her. Perfekt für Backups oder um Daten auf ein anderes Gerät zu übertragen.

Flowboard nutzt GSAP für butterweiche 60fps-Animationen:
3D-Tilt – Karten kippen in Richtung deines Mauszeigers
Glassmorphism – Transparente Panels mit Backdrop-Blur
Mesh-Gradient – Animierter Hintergrund mit langsam morphenden Orbs
Ripple-Effekt – Material-Design-Ripples auf allen Buttons
Konfetti – Partikel-Burst beim Abhaken von Checklisten
Custom Cursor – Glowing Punkt der auf interaktive Elemente reagiert
Spring-Physics – Sidebar und Modals mit Overshoot-Animationen