e.V.
Packages · UI & Branding · Klasse B · v1.0.0
U

@mana/shared-ui

auf npm.mana.how

Vereins-UI-Komponenten — Svelte 5 mit strikter 12-Token-Disziplin. Die UI-Foundation aller mana-e.V.-Apps.

Ersetzt
Material-UI, Chakra UI, shadcn/ui (für Svelte-Apps)
Was es tut

@mana/shared-ui ist die UI-Foundation der Vereins-Apps. Svelte-5- Komponenten — Button, Card, Field, Modal, Toast, ContextMenu, PillDropdown, BaseListView, DnD-System — mit strikter Disziplin: nur 12 CSS-Token (background, foreground, surface, surface-hover, muted, muted-foreground, border, primary, primary-foreground, error, success, warning), dokumentiert in mana/docs/THEMING.md.

v1.0.0 (2026-05-21) konsolidiert die ehemalige Doppel-Bibliothek ([email protected] + [email protected]) zu einem Paket. 12 weitere Komponenten in den 12 Tagen davor portiert — Foundation, Tag-Familie, Modal-Stack, Toast, DnD-System, ContextMenu, IconPicker, PillDropdown.

Die Disziplin macht Theming trivial: ein Theme tauscht 12 Werte, fertig. Keine phosphor-svelte-Peer-Dep — DynamicIcon mit 40+ Inline-SVGs (16×16, currentColor, stroke 1.4-1.6) ersetzt die Component-Imports der ersten Generation.

Souveränitäts-Hook: eigene Komponenten-Bibliothek auf eigener Registry, statt Material-UI von Google oder Chakra UI mit unklarer Maintainer-Zukunft. Wenn morgen Google sein React-Investment dreht, ändert sich an Vereins-Apps nichts.

Installation

Mitnehmen

Vereins-Pakete liegen auf der Vereins-eigenen Verdaccio-Registry. Apps und Services-Repos haben dort ein .npmrc, das den @mana/-Scope auf npm.mana.how routet.

pnpm add @mana/shared-ui

Auch nutzbar mit npm oder yarn — der Scope-Mechanismus ist Standard-npm-Verhalten. Wer den Verein nicht-mitgliedlich nutzen will, kann die Registry frei konfigurieren.

Konsumenten

Wer es benutzt

Klasse & Technik

Worauf es sich bindet

Klasse
Klasse B — Foundation — intern-versioniert, große Adoption erwartet.
Sprache
TypeScript
Version
v1.0.0
Registry
npm.mana.how — eigene Vereins-Registry, kein npmjs.com
Lizenz
Quelloffen — Details im Repo.
Grundsätze

Was es für den Verein verkörpert

  • Eigenbetrieb
    Eigene Infrastruktur, quelloffener Stack.
  • Langlebigkeit
    Bewährte Stacks, gute Doku.
  • Offenheit
    Code und Mittelverwendung öffentlich.
  • Achtsamkeit
    Keine Engagement-Tricks.
Stand

Was läuft, was nicht

Version: v1.0.0.

Offene Punkte
  • managarten läuft noch auf eingefrorener v0.1-Kopie — PillNavigation + QuickInputBar sind dort als eigener Sprint geplant.
  • Stories + Playwright-Visual-Baselines für die 12 frisch konsolidierten Komponenten folgen.
UI & Branding

Weitere Pakete dieser Kategorie

Komponenten, Theming, Icons, PWA-Foundation.

@mana/shared-ui ist eines von vielen Paketen, die der Verein selbst pflegt — eigene Bauteile auf eigener Registry, frei nachnutzbar.

Alle Pakete → Apps, die darauf bauen Services