Zum Inhalt springen
Igor Duspara
Zurück zum Portfolio

CupertinoUI

macOS, gebaut mit shadcn/ui. Komponenten und komplette App-Fenster für Mac-artige Web-Oberflächen.

Meine Rolle
Gründer, Design & Entwicklung
Seit
Status
Aktiv

Stack

  • shadcn/ui
  • Base UI
  • React
  • Tailwind CSS
Die CupertinoUI-Startseite mit der Überschrift „macOS, built with shadcn/ui.“ über einem Raster aus macOS-Widgets wie Akku-Diagramm, AirDrop und Mitteilungen.

Warum ich es gebaut habe

Ich liebe das Handwerk hinter macOS-Oberflächen und verbringe die meiste Zeit im shadcn/ui-Ökosystem. CupertinoUI verbindet beides: echte Komponenten im Stil von macOS 27, die ich in jedes React-Projekt übernehmen und anpassen kann, genau wie normale shadcn/ui-Komponenten.

Was drin ist

  • 70 kostenlose Komponenten unter MIT-Lizenz, mit einem Theme für hellen und dunklen Modus und allen macOS-Akzentfarben.
  • Pro-Komponenten und App-Blocks: komplette Fenster wie Finder, Mail, Notizen, Safari und Kalender.
  • Eine Live-Desktop-Demo mit verschieb- und skalierbaren Fenstern und einem funktionierenden Dock.

Wie es funktioniert

CupertinoUI wird als shadcn-Registry ausgeliefert. Ich trage den Registry-Namespace in components.json ein, installiere die CSS-Theme-Datei und hole Komponenten über die shadcn-CLI. Der Code wird ins Projekt kopiert und bleibt komplett anpassbar. Technisch baue ich auf Base UI für barrierearmes Verhalten auf.

Geschäftsmodell

Der Kern ist kostenlos und offen. Pro gibt es als Jahresplan oder als einmalige Lifetime-Lizenz.