Mikkel Manniche

Manniche UI Pro

manniche-ui-pro

Effekte, die eine Seite lebendig wirken lassen.

60 React-Komponenten mit WebGL, Partikeln und Physik: fließende Bilder, Schrift, die sich sammelt, Hintergründe, Buttons und kleine Spiele. Der Code gehört dir, und du holst ihn mit shadcn wie die kostenlosen Komponenten.

  • 60 Komponenten
  • React 19 und Tailwind 4
  • Beachtet reduzierte Bewegung
  • Fallback ohne WebGL

49 €

Einführungspreis bis einschließlich 31. Dezember 2026. Danach 79 €.

  • Einmalzahlung
  • Ein Entwickler
  • Der Schlüssel kommt sofort per E-Mail
  • Keine Umsatzsteuer (§ 19 UStG)
Bald verfügbar

Pro kann noch nicht gekauft werden. Die Seite öffnet, sobald die Zahlung bereit ist.

Lizenz lesen →

Das bekommst du 60

Jede Komponente kommt mit einer Demo, und alle bleiben ruhig, wenn Besucher reduzierte Bewegung eingestellt haben.

Bilder und Galerien 16

Text 9

Hintergründe und WebGL 14

Cursor 5

Buttons und Bedienelemente 9

Widgets und Spiele 7

So legst du los

Bewahre den Schlüssel in einer Umgebungsvariable auf, nie im Code. Er wird als Header gesendet, nie in der URL.

  1. Schlüssel speichern

    Lege den Schlüssel aus der E-Mail in MANNICHE_PRO_KEY ab, z. B. in .env.local.

  2. Pro-Registry hinzufügen

    Trage die Registry in components.json ein. Dann holst du Komponenten mit @manniche-pro/<name>.

    {
  "registries": {
    "@manniche": "https://mikkelmanniche.dk/lab/r/{name}.json",
    "@manniche-pro": {
      "url": "https://mikkelmanniche.dk/lab/r/pro/{name}.json",
      "headers": { "Authorization": "Bearer ${MANNICHE_PRO_KEY}" }
    }
  }
}
    npx shadcn@latest add @manniche-pro/flux-image

  3. Oder deinen KI-Agenten nutzen

    Mit dem Schlüssel im MCP-Server können Claude Code, Cursor und andere die Pro-Komponenten nachschlagen und installieren.

    claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"

Voraussetzungen

  • React 19 und Tailwind CSS 4
  • shadcn CLI 3 oder neuer
  • Ein Browser mit WebGL 2 für einige Effekte. Ohne wird eine ruhige Version gezeigt.
  • Getestet in Chromium, WebKit (Safari) und Firefox am 6.10.2026

Die Lizenz in Kürze

  • Eine Lizenz gilt für einen Entwickler. Ein Team kauft eine pro Entwickler.
  • Nutze die Komponenten in beliebig vielen eigenen und Kundenprojekten.
  • Du darfst sie nicht als UI-Kit, Vorlagenpaket o. Ä. weiterverkaufen oder weitergeben.
  • Du kaufst die aktuelle Version. Spätere Updates sind ein kostenloses Extra.

Ganze Lizenz lesen →

Verkäufer

Mikkel Manniche Rolighed, Heßstraße 74, 80798 München, Germany. Kleinunternehmer nach § 19 UStG: Es wird keine Umsatzsteuer berechnet.