Showcase v1.0.1

Jedes Element, live, in beiden Themes. Der Branding-Schalter färbt die ganze Seite über eine einzige :root-Deklaration um – kein Element bleibt halb gebrandet.

Formulare & Controls

Welle 1

<nk-btn>

Speichern

Abbrechen

Löschen

<nk-input>

<nk-textarea>

<nk-select>

<nk-switch>

<nk-check>

Wöchentliche Zusammenfassung

Nur Erwähnungen

<nk-radio>

Knapp

Ausgewogen

Ausführlich

<nk-slider>

<nk-field>

Inhalts-Elemente

Welle 1

<nk-tag>

In Arbeit

Erledigt

Geplant

Design

<nk-progress>

<nk-callout>

Core idea: Ein Callout trägt einen Gedanken, der nicht untergehen darf.

<nk-divider>

<nk-heading>

Abschnittsüberschrift

<nk-toggle>

Hier steht der eingeklappte Inhalt.

<nk-todo>

Doku schreiben

Ausliefern

<nk-kbd>

⌘

<nk-code>

<nk-btn variant="primary">Speichern</nk-btn>

<nk-quote>

Die beste Oberfläche ist die, die aus dem Weg geht.

App-Gerüst & Navigation

Welle 2

<nk-app>

<nk-workspace-switcher>

<nk-section-label>

Favoriten

Projektübersicht

<nk-tree>

Favoriten

Projektübersicht NotionKit MVP

Voice-Office-Hub

Wissensbasis Onboarding

Designsystem

<nk-tree-item>

Suche

⌘

Projektübersicht

Designsystem

<nk-theme-toggle>

Seiten-Shell & Bausteine

Welle 3

<nk-page>

<nk-page-cover>

<nk-page-title>

NotionKit MVP

<nk-page-actions>

👤 Marcel Karas📅 Erstellt am 12. Mai 2026🏷️ Designsystem

<nk-block-host>

Hier steht Block-Inhalt – klicken zum Fokussieren.

<nk-empty>

＋ Neuer Eintrag

<nk-skeleton>

<nk-synced>

Unsere Mission: Dem Arbeitstag echtes Gewicht nehmen – ruhig, klar, wirksam.

<nk-tabs>

📝 Notizen

✅ Aufgaben

📎 Dateien

Freie Notizen zum Projekt – Protokolle, Ideen, Entwürfe.

Aufgaben zu diesem Projekt, verknüpft mit der Datenbank.

Angehängte Dateien und Exporte.

<nk-tab>

📝 Notizen

✅ Aufgaben

<nk-segmented>

<nk-stats>

<nk-stat>

<nk-avatar-group>

MKSLTW

5 Personen haben Zugriff

<nk-mention>

SLSara Lindt · 📄 Onboarding · 📅 20. Mai

<nk-template-btn>

Wochenplan einfügen

Meeting-Protokoll einfügen

Retro-Board einfügen

<nk-model-card>

<nk-profile-row>

Foto ändern

Entfernen

<nk-danger-zone>

Löschen

<nk-member-list>

<nk-member-row>

Overlays

Welle 4

<nk-settings-pane>

E-Mail

<nk-settings-user>

<nk-cmdk>

<nk-pop>

Optionen ▾

Umbenennen

Duplizieren

Löschen

<nk-emoji-picker>

<nk-toast>

Daten & Kollaboration

Welle 5

<nk-database>

<nk-table-view>

<nk-board-view>

<nk-filter-bar>

<nk-comments>

Die Board-Ansicht fühlt sich schon sehr nah am Original an. 👍

AIIch habe die überfälligen Einträge markiert und eine Zusammenfassung vorbereitet.

<nk-comment>

Die Board-Ansicht fühlt sich schon sehr nah am Original an. 👍

<nk-ai-thread>

Fasse die offenen Aufgaben dieses Projekts zusammen.

Zwei Aufgaben sind offen: die Tabellenansicht steht bei 65 % (fällig 20. Mai), das Board mit Drag-and-Drop ist geplant.

<nk-ai-msg>

Zwei Aufgaben sind offen: die Tabellenansicht steht bei 65 % (fällig 20. Mai), das Board mit Drag-and-Drop ist geplant.