shadcn kommerziell nutzen: MIT vs. kostenpflichtige Kits

Du hast Komponenten gefunden, die dir gefallen, das Projekt ist ein bezahltes SaaS oder Kundenarbeit, und bevor du irgendetwas kopierst, willst du wissen: Darf ich shadcn kommerziell nutzen? Für shadcn/ui selbst ist die Antwort ein klares Ja, und die Lizenz passt auf einen Bildschirm. Unklar wird es einen Schritt später, denn „shadcn“ steht inzwischen auch für Dutzende Kits, Block-Seiten und Registries, die darauf aufbauen. Das sind eigene Produkte mit eigenen Lizenzen. Dieser Artikel zitiert die echte shadcn Lizenz, erklärt, was MIT in der Praxis von dir verlangt, und vergleicht die Bedingungen der kostenpflichtigen Kits, die den Namen tragen.

Wir bauen Wingo UI, eine kostenpflichtige Bibliothek im selben Copy-the-Source-Stil, wir sind also nicht neutral. Jede Aussage über ein anderes Produkt verlinkt auf die Seite, die wir am 6. November 2026 gelesen haben. Das ist eine praktische Lesart öffentlicher Lizenztexte, keine Rechtsberatung.

Darfst du shadcn kommerziell nutzen?

Ja. Die LICENSE.md im Repository shadcn-ui/ui (opens in a new tab) ist die Standard-MIT-Lizenz mit der Zeile Copyright (c) 2023 shadcn. Sie überlässt dir den Code kostenlos und erlaubt ausdrücklich, ihn zu nutzen, zu kopieren, zu ändern, zusammenzuführen, zu veröffentlichen, zu verbreiten, unterzulizenzieren und Kopien zu verkaufen. GitHub erkennt dieselbe Lizenz auf dem Repository, und die Blocks-Seite (opens in a new tab) beschreibt die offiziellen Blocks als Open Source und für immer kostenlos (beides geprüft am 6. November 2026).

Das gilt für die Komponenten (button.tsx, dialog.tsx und der Rest), die offiziellen Blocks (Login, Sign-up, Sidebar, Dashboard, Charts) und die CLI, denn alles liegt in diesem Repository. Du darfst sie einsetzen in:

• einer bezahlten SaaS-App,
• einer Website oder App, die du für einen Kunden baust und abrechnest,
• einem internen Tool in deiner Firma,
• einem Open-Source-Projekt,
• einem Template oder UI-Kit, das du verkaufst.

Es gibt kein Limit für Nutzer oder Projekte, keine Umsatzgrenze und keine Stufe „nur für private Nutzung“. Damit ist auch die verwandte Frage beantwortet, ob shadcn ui kostenlos ist: ja, es gibt keine kostenpflichtige Edition von shadcn/ui, auf die du upgraden müsstest. shadcn/ui ist auch kein Paket, von dem du zur Laufzeit abhängst. Die Einführung in der Doku (opens in a new tab) beschreibt es als Weg, deine eigene Komponentenbibliothek zu bauen: Die CLI kopiert den Quellcode in dein Repo, und ab dann ist es dein Code unter den Bedingungen oben.

Was verlangt die MIT-Lizenz von dir?

Die MIT-Lizenz von shadcn hat eine Bedingung und einen Haftungsausschluss. Die Bedingung: Der Copyright-Hinweis und dieser Lizenzhinweis müssen in allen Kopien oder wesentlichen Teilen der Software enthalten sein. Der Haftungsausschluss sagt, dass die Software so geliefert wird, wie sie ist, ohne Gewährleistung.

Für kopierten Quellcode heißt das:

• Behalte den Hinweis beim Code. Behandle jede Komponentendatei, die du kopiert hast, als wesentlichen Teil der Software. Die CLI schreibt keinen Header in jede Datei, die einfache Lösung ist also eine Notices-Datei in deinem Repository.
• Keine sichtbare Nennung. MIT verlangt keine Zeile „Built with shadcn“ im Footer und keinen Eintrag in einem Über-uns-Screen.
• Kein Copyleft. Dein eigener Code steht unter der Lizenz, die du wählst. Closed-Source-Produkte sind kein Problem.
• Kein Support, keine Gewährleistung. Hat eine Komponente in Produktion einen Bug, gibt dir MIT gegen niemanden einen Anspruch.

Eine Notices-Datei kann so kurz sein:

<!-- THIRD_PARTY_NOTICES.md -->
# Hinweise zu Drittsoftware

## shadcn/ui
Quelle: https://github.com/shadcn-ui/ui
Dateien: components/ui/*.tsx (mit der shadcn CLI kopiert, dann bearbeitet)

MIT License
Copyright (c) 2023 shadcn
(hier den vollständigen Lizenztext aus dem Repository einfügen)

Ändern die Abhängigkeiten von shadcn etwas an der Antwort?

Nein, aber sie bringen ihre eigenen Hinweise mit. Die CLI installiert neben den kopierten Dateien npm-Pakete, und jedes Paket liefert seine eigene Lizenzdatei in node_modules mit. Wir haben am 6. November 2026 das Lizenzfeld auf npm geprüft:

ISC und Apache-2.0 sind genauso permissiv wie MIT. Apache-2.0 verlangt zusätzlich, dass du die Lizenz und eine eventuelle NOTICE-Datei behältst, wenn du den Code weitergibst. Für eine App, die du als Bundle auslieferst, deckt eine generierte Lizenzdatei für alle Abhängigkeiten jedes Paket aus dieser Tabelle ab.

Eine Sache deckt MIT nicht ab: den Namen. Die Lizenz betrifft den Code, sie gibt dir also kein Recht, dein Produkt als offizielles shadcn-Release auszugeben.

Sind shadcn Blocks kostenlos?

Die offiziellen schon. Die Blocks auf ui.shadcn.com liegen im selben MIT-Repository wie die Komponenten, npx shadcn@latest add login-01 gibt dir also einen kostenlosen, kommerziell nutzbaren Block mit derselben Regel für den Hinweis.

Wer nach „shadcn blocks“ sucht, landet aber auch bei shadcnblocks.com (opens in a new tab), einer eigenen Firma. Stand 6. November 2026 sind die Pläne dort Einmalzahlungen: Pro $149, Premium $299 und Elite $399, jeweils für eine Person, dazu Team-Lizenzen für bis zu 10 Personen. Die Lizenz (opens in a new tab) erlaubt kommerzielle Nutzung und Kundenprojekte in beliebig vielen Endprodukten und verbietet, die Komponenten getrennt von einem Endprodukt weiterzuverkaufen oder weiterzugeben. Die kostenlosen Blocks fallen unter die allgemeinen Geschäftsbedingungen statt unter die bezahlte Lizenz.

Auf die Frage, ob shadcn Blocks kostenlos sind, gibt es also zwei Antworten: die offiziellen ja, die Produkte mit dem Namen meistens nicht. Wo Blocks aufhören und Komponenten anfangen, steht in shadcn Blocks vs. Komponenten.

Warum haben shadcn Kits und Registries eine eigene Lizenz?

Weil die shadcn CLI aus jeder Registry installiert und der Autor jeder Registry die Bedingungen festlegt. MIT auf shadcn/ui sagt nichts über Code, den jemand anderes geschrieben und im selben Format veröffentlicht hat. Die CLI schreibt die Dateien, ohne dir eine Lizenz zu zeigen. Deshalb empfehlen wir in Komponenten aus fremden shadcn Registries sicher einbinden, die Bedingungen zu lesen, bevor du eine neue Registry hinzufügst.

Das sagen drei kostenpflichtige shadcn Kits zur kommerziellen Nutzung, gelesen am 6. November 2026:

Für bezahlte Arbeit zählen zwei Details. Bei shadcn.io erlaubt die günstigste Lizenz überhaupt keine kommerzielle Nutzung: Wer als Freelancer den Individual-Plan hat, darf keine Kundenseiten mit Pro-Blocks ausliefern. Und shadcn/studio nennt seine kostenlose Stufe MIT, aber die zusätzliche Commons Clause nimmt dir das Recht, die unveränderten Komponenten zu verkaufen oder weiterzugeben, das dir reines MIT gibt.

Was darfst du mit den kostenlosen Einträgen von Wingo UI?

Du darfst sie in beliebig vielen kommerziellen Endprodukten ausliefern, für dich oder für Kunden, ohne Konto und ohne zeitliche Grenze. Seit dem 7. November 2026 stehen die kostenlosen Einträge unter der MIT-Lizenz, derselben Lizenz wie shadcn/ui (Abschnitt 2 der Lizenz). Du darfst sie also auch ändern, weitergeben und weiterverkaufen, solange der Hinweis beim Code bleibt. Stand 6. November 2026 hat der Katalog 357 Einträge (226 Komponenten, 95 Blocks und 36 Hooks und Utilities), 75 davon sind kostenlos.

Jede ausgelieferte kostenlose Datei trägt eine Zeile, // Wingo UI · MIT License · https://wingo-ui.com/legal/license#mit, die auf den vollständigen Hinweis zeigt; lass sie stehen oder leg eine Kopie des MIT-Hinweises neben den Code. Deine Kunden brauchen keine eigene Lizenz, und KI-Coding-Assistenten dürfen den Code in deinen Projekten lesen und anpassen. Die Grenzen beim Weiterverkauf im nächsten Abschnitt gelten nur für die Pro-Einträge.

Die kostenlosen Einträge decken ab, womit die meisten Screens anfangen: Button, Dialog, Input, Select, Tabs, Toast, der OTP Input und zwei komplette Seitenvorlagen, die Kontaktseite und die FAQ-Seite. Kostenlose Einträge fügt die CLI ohne Konto hinzu:

npx wingo-ui@latest add button

Danach nutzt du sie wie jede lokale Komponente. Das ist die echte API aus components/ui/button.tsx:

import { ArrowRight } from "lucide-react";
import { Button } from "@/components/ui/button";

export function CheckoutActions({ paying, onPay }: { paying: boolean; onPay: () => void }) {
  return (
    <div className="flex gap-2">
      <Button variant="ghost">Abbrechen</Button>
      <Button tone="brand" loading={paying} loadingText="Wird bezahlt" rightIcon={<ArrowRight />} onClick={onPay}>
        Jetzt bezahlen
      </Button>
    </div>
  );
}

Was bringt die Pro-Lizenz von Wingo UI dazu?

Pro bringt die anderen 282 Einträge unter der Pro-Lizenz von Wingo UI: beliebig viele Endprodukte, Kundenarbeit und kommerzielle Nutzung, aber kein Weiterverkauf und keine Weitergabe der Komponenten für sich allein als Kit, Template, Theme oder Bibliothek, kein Produkt, dessen Hauptzweck ist, dass andere sie kopieren oder generieren, und kein Entfernen der Lizenzhinweise. Die Preise von unserer Preisseite: $8 im Monat, $80 im Jahr oder $150 einmalig für Lifetime, jeweils für eine Person. Eine Firma kauft eine Lizenz pro Person.

Drei Bedingungen unterscheiden sich von den Kits oben:

• Was du heruntergeladen hast, bleibt lizenziert. Endet ein Abo, nutzt du die Komponenten weiter, die du bekommen hast, auch in neuen Endprodukten. Du verlierst neue Pro-Einträge, Pro-Updates und die Pro-Tools des MCP-Servers.
• Der günstigste Plan erlaubt kommerzielle Nutzung. Es gibt keine Stufe nur für private Zwecke.
• Erstattungen haben eine Bedingung. Die 14-tägige Erstattung beim ersten Kauf gilt nur, solange kein Pro-Eintrag heruntergeladen wurde.

Jede ausgelieferte Pro-Datei trägt eine Markierungszeile, // Wingo UI Pro · https://wingo-ui.com/legal/license, die dieselbe Rolle spielt wie der MIT-Hinweis bei shadcn/ui: Lass sie in der Datei.

Der Block Login Page ist ein typischer Pro-Eintrag. Er deckt die Anmeldung per Passwort, Magic Link und Code ab, dazu Zwei-Faktor-Codes und Passwort-Wiederherstellung, und du verbindest ihn über Handler mit deinem Backend:

// app/(auth)/login/page.tsx
"use client";

import { useRouter } from "next/navigation";
import { LoginPage } from "@/components/blocks/login-page";

// ein abgelehntes Promise zeigt seine Meldung im Formular
async function post(url: string, body: unknown, failure: string) {
  const response = await fetch(url, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(body),
  });
  if (!response.ok) throw new Error(failure);
}

export default function Page() {
  const router = useRouter();
  return (
    <LoginPage
      twoFactor
      onSignIn={(values) => post("/api/login", values, "E-Mail oder Passwort ist nicht korrekt")}
      onVerifyCode={(code, { backup }) => post("/api/login/verify", { code, backup }, "Dieser Code ist nicht korrekt")}
      onSuccess={() => router.push("/")}
    />
  );
}

Übergib jeden Handler, den deine Anmeldung nutzt. Die, die du weglässt (Magic Link, Provider, Passwort zurücksetzen), führen die Demo-Simulation aus, und mit twoFactor akzeptiert das Standard-onVerifyCode den Code 123456. Im Playground ist das in Ordnung, in Produktion falsch.

Die Data Table gehört ebenfalls zu Pro: Suche, Filter, Sortierung, Massenaktionen und Virtualisierung auf Basis von TanStack Table, mit Zeilen, die auf dem Smartphone zu Karten werden. Probier beide live ohne Konto aus; nur der Quellcode braucht Pro.

Welche Lizenz passt zu deinem Projekt?

Reines shadcn/ui und die kostenlosen Einträge von Wingo UI passen in jedem Fall, auch für ein Kit, das du weiterverkaufst; die kostenpflichtigen Kits und Wingo UI Pro passen nur für Endprodukte. Eine Zusammenfassung der Bedingungen oben, Stand 6. November 2026:

Wann shadcn/ui die bessere Wahl ist: Willst du ein Kit verkaufen, einen Website-Builder bauen oder eine eigene Komponentenbibliothek veröffentlichen, ist MIT die einzige Lizenz in dieser Tabelle, die das erlaubt, und sie gilt für shadcn/ui wie für die kostenlosen Einträge von Wingo UI; Pro-Einträge von Wingo UI dürfen nicht in ein solches Produkt. Es ist auch die richtige Wahl, wenn du null Kosten, null Konten und die größte Community in diesem Bereich willst (rund 127.000 GitHub-Sterne am 6. November 2026) und das Verhalten auf dem Smartphone, die Animationen und die zusätzlichen Zustände gern selbst gestaltest. Unser Guide zu shadcn Alternativen vergleicht 14 Bibliotheken nach Preis, Lizenz und Mobile-Support, und Wingo UI vs. shadcn/ui geht die Unterschiede im Umfang Punkt für Punkt durch.

Wann ein kostenpflichtiges Kit sinnvoll ist: wenn du Endprodukte baust (Apps und Websites, für dich oder für Kunden) und die Zeit, die dir fertige Screens sparen, mehr wert ist als der Preis. Dann lies die Klauseln zu Nutzern und Weiterverkauf: Die kommerziellen Stufen erlauben alle kommerzielle Nutzung, und genau in diesen beiden Klauseln unterscheiden sie sich.

Getestete kostenlose und bezahlte Templates, jeweils mit ihrer Lizenz, findest du unter beste shadcn Templates. Weitere Vergleiche zu Lizenzen und Preisen findest du in der Kategorie Vergleiche.

Womit fängst du an?

Leg die Notices-Datei für den shadcn/ui-Code an, den du schon kopiert hast; das dauert zwei Minuten und erfüllt die einzige Bedingung, die MIT stellt. Wenn dann eine kostenlose Komponente von Wingo UI zu deinem nächsten Screen passt, installier sie mit npx wingo-ui@latest add button (kein Konto nötig) und behalt die Lizenzseite für die Regel zum Weiterverkauf der Pro-Einträge im Blick.

Häufige Fragen

Darf ich shadcn/ui kommerziell nutzen?

Ja. Die LICENSE.md im Repository shadcn-ui/ui ist die MIT-Lizenz, die Nutzung, Änderung, Verbreitung und Verkauf kostenlos erlaubt. Einzige Bedingung: Der Copyright- und Lizenzhinweis muss in allen Kopien oder wesentlichen Teilen des Codes enthalten sein.

Muss ich shadcn in meiner App nennen?

Nein, ein sichtbarer Hinweis ist nicht nötig. MIT verlangt, dass der Lizenzhinweis beim Code bleibt, und sagt nichts über deine Oberfläche. Eine Kopie der Lizenz im Repository oder eine Notices-Datei neben deinen Komponenten reicht.

Sind shadcn Blocks kostenlos?

Die offiziellen Blocks auf ui.shadcn.com liegen im selben MIT-Repository und sind daher kostenlos kommerziell nutzbar. Seiten wie shadcnblocks.com sind eigene, kostenpflichtige Produkte: Stand 6. November 2026 kostet dort der Pro-Plan einmalig $149 für eine Person.

Darf ich ein Template oder UI-Kit verkaufen, das auf shadcn/ui basiert?

Die MIT-Lizenz erlaubt das, solange du den Hinweis behältst. Kostenpflichtige shadcn Kits verbieten es für ihren eigenen Code meistens: shadcnblocks, shadcn.io und shadcn/studio untersagen alle, ihre Komponenten als Kit oder Bibliothek weiterzugeben.

Steht Wingo UI unter MIT?

Die 75 kostenlosen Einträge schon, seit dem 7. November 2026: Sie sind Open Source unter der MIT-Lizenz. Für die Pro-Einträge gilt eine eigene Lizenz: beliebig viele Endprodukte, kommerziell oder nicht, für dich oder für Kunden, aber du darfst sie nicht für sich allein als Kit oder Bibliothek weiterverkaufen oder weitergeben.