# Beste shadcn Templates 2026: kostenlos und bezahlt, getestet

> Beste shadcn Templates für SaaS-Sites, Dashboards, Shops und Doku, geprüft am 6. November 2026: Lizenz, Preis, Tailwind v4 und jede Demo bei 390px Breite.

- Autor: [Serban Rusu](https://wingo-ui.com/blog/authors/serban), Founder of Wingo UI
- Veröffentlicht: 6. Nov. 2026
- Kategorie: [Vergleiche und Alternativen](https://wingo-ui.com/de/blog/category/comparisons)
- Lesezeit: 11 Min.
- Kanonische URL: https://wingo-ui.com/de/blog/best-shadcn-templates
- Englische Fassung: https://wingo-ui.com/blog/best-shadcn-templates

## Kurz gesagt

Für ein SaaS-Produkt startest du kostenlos mit next-forge oder nextjs/saas-starter, oder du kaufst shadcnblocks oder Magic UI Pro, wenn du ein fertiges Marketing-Design brauchst. Für ein Dashboard sind shadcn-admin, Studio Admin und next-shadcn-dashboard-starter kostenlos, MIT-lizenziert und auf Tailwind CSS v4; für einen Shop nimm Your Next Store, für Doku Fumadocs. Wir haben jede Empfehlung am 6. November 2026 geprüft, und in jeder Dashboard-Demo, die wir öffnen konnten, scrollte die Tabelle bei 390px seitwärts. Teste also die Smartphone-Ansicht, bevor du dich festlegst.

Wer nach „beste shadcn templates“ sucht, findet hier eine Liste von einem Anbieter: Wir bauen Wingo UI und verkaufen selbst Seitenvorlagen, und unsere eigenen Empfehlungen durchlaufen dieselben Checks wie alle anderen. Was wir beigesteuert haben, sind Tests. Jedes Template hier haben wir am 6. November 2026 auf Lizenz, Preis, Next.js- und Tailwind-Version und das Datum des letzten Pushs geprüft, und jede Live-Demo, die wir öffnen konnten, bei 390px Breite geladen, um zu sehen, was auf einem Smartphone passiert.

Die Empfehlungen sind nach Aufgabe sortiert: SaaS-Marketing-Site, Dashboard, Shop und Doku-Site. Wenn du nicht sicher bist, ob du überhaupt ein Template brauchst oder nur einen Block oder eine Komponente, lies zuerst [shadcn blocks vs components](https://wingo-ui.com/de/blog/shadcn-blocks-vs-components); dort sind alle drei Begriffe erklärt. Weitere Vergleiche findest du unter [Vergleiche und Alternativen](https://wingo-ui.com/de/blog/category/comparisons), und die komplette Übersicht der Bibliotheken steht in unserem [Guide zu shadcn Alternativen](https://wingo-ui.com/de/blog/shadcn-alternatives).

## Wie haben wir diese shadcn Templates getestet?

Am 6. November 2026 haben wir für jedes Template drei Dinge getan:

1. **Den Code gelesen.** Wir haben die `package.json` auf dem Default-Branch geöffnet, um die echten Versionen von Next.js, React und Tailwind zu sehen, dazu die `LICENSE`-Datei und über die GitHub API den letzten Push ins Repository. Bezahlte Templates haben wir am selben Tag mit den Preis- und Template-Seiten der Anbieter abgeglichen.
2. **Die Live-Demo im Smartphone-Viewport geladen.** Headless Chromium über Playwright, 390 mal 844 Pixel, Touch aktiv, ein iPhone-User-Agent. Wir haben gemessen, ob die Seite seitwärts scrollt und ob eine Tabelle in ihrem eigenen Kasten scrollt, und uns danach Screenshots der ganzen Seite angesehen.
3. **Notiert, was die Demo verbirgt.** Manche Demos liegen hinter einem Login. Wir haben keine Konten angelegt, also gibt es für diese kein Ergebnis auf dem Smartphone.

Was wir nicht gemacht haben: Production Builds, Lighthouse-Läufe oder ein vollständiges Accessibility-Audit. Die Smartphone-Spalte ist ein erster Eindruck, mehr nicht.

Das Skript ist kurz genug, um es auf jedes Template loszulassen, das du in Betracht ziehst. Speicher es als `.mts`, damit `tsx` es als ES-Modul ausführt, denn das Top-Level-`await` setzt das voraus:

```ts
// check-template.mts: npx tsx check-template.mts https://demo.example.com
import { chromium, devices } from "@playwright/test";

const url = process.argv[2];
const browser = await chromium.launch();
const page = await browser.newPage({ ...devices["iPhone 13"], viewport: { width: 390, height: 844 } });
await page.goto(url, { waitUntil: "load" });
await page.waitForTimeout(2000);

const result = await page.evaluate(() => {
  const boxes = [...document.querySelectorAll<HTMLElement>("*")].filter((el) => {
    const overflowX = getComputedStyle(el).overflowX;
    return (overflowX === "auto" || overflowX === "scroll") && el.scrollWidth > el.clientWidth + 20;
  });
  return {
    pageOverflow: document.documentElement.scrollWidth - window.innerWidth,
    sidewaysTables: boxes.filter((el) => el.querySelector("table")).map((el) => `${el.clientWidth}/${el.scrollWidth}px`),
  };
});

console.log(url, result);
await page.screenshot({ path: "template-390.png", fullPage: true });
await browser.close();
```

## Welche shadcn Templates sind die besten, auf einen Blick?

Alle Angaben Stand 6. November 2026. „Letzter Push“ ist der letzte Push ins Repository auf GitHub, egal auf welchem Branch. „Bei 390px“ ist das, was unser Check auf der öffentlichen Demo gefunden hat.

| Template | Aufgabe | Preis | Lizenz | Stack | Letzter Push | Bei 390px |
| --- | --- | --- | --- | --- | --- | --- |
| [next-forge](https://github.com/vercel/next-forge) | SaaS-Monorepo | Kostenlos | MIT | Next.js 16.1, Tailwind 4.2 | 28. Mai 2026 | Demo rendert nicht headless |
| [nextjs/saas-starter](https://github.com/nextjs/saas-starter) | SaaS-App | Kostenlos | MIT | Next.js 15.6 Canary, Tailwind 4.1 | 11. Dez. 2025 | Kein Overflow |
| [Mainline](https://github.com/shadcnblocks/mainline-nextjs-template) | SaaS-Site | Kostenlos | MIT + Commons Clause | Next.js 15.5, Tailwind 4.1 | 26. Dez. 2025 | Kein Overflow |
| [shadcn dashboard-01](https://ui.shadcn.com/blocks) | Dashboard-Block | Kostenlos | MIT | Der Stack deines Projekts | 6. Nov. 2026 (shadcn-ui/ui) | Tabelle scrollt seitwärts (356 von 996px) |
| [shadcn-admin](https://github.com/satnaing/shadcn-admin) | Dashboard | Kostenlos | MIT | Vite 8, TanStack Router, Tailwind 4.2 | 10. Sep. 2026 | Users-Tabelle scrollt seitwärts (356 von 963px) |
| [Studio Admin](https://github.com/arhamkhnz/next-shadcn-admin-dashboard) | Dashboard | Kostenlos | MIT | Next.js 16.4, Tailwind 4.1 | 6. Nov. 2026 | Tabelle scrollt seitwärts (324 von 550px) |
| [next-shadcn-dashboard-starter](https://github.com/Kiranism/next-shadcn-dashboard-starter) | Dashboard | Kostenlos | MIT | Next.js 16.4, Base UI, Tailwind 4.3 | 3. Nov. 2026 | Dashboard hinter Login |
| [Your Next Store](https://github.com/yournextstore/yournextstore) | Shop | Kostenlos | MIT | Next.js 16.4, Base UI, Tailwind 4.3 | 5. Nov. 2026 | Kein Overflow; Produktleiste wischbar |
| [skateshop](https://github.com/sadmann7/skateshop) | Shop | Kostenlos | MIT | Next.js 14.2, Tailwind 3.4 | 1. Apr. 2025 | Nicht getestet (veraltet) |
| [Fumadocs](https://github.com/fuma-nama/fumadocs) | Doku | Kostenlos | MIT | fumadocs-ui 16.18, Tailwind 4.3 | 6. Nov. 2026 | Kein Overflow |
| [shadcnblocks templates](https://www.shadcnblocks.com/templates) | SaaS-Sites, Admin | Ab $79 pro Stück, $299 für alle | Kostenpflichtig | Next.js 16 oder Astro 7, Tailwind 4 (Anbieterseite) | k. A. | Nicht getestet |
| [Magic UI Pro](https://pro.magicui.design) | SaaS, Startup, Blog | $199 einmalig | Kostenpflichtig | Next.js, Tailwind, Motion (Anbieterseite) | k. A. | Nicht getestet |
| [Wingo UI Vorlagen](https://wingo-ui.com/templates) | SaaS-Site, Dashboard, Checkout, Doku-Startseite | 2 kostenlos; Pro $8 im Monat | Pro Entwickler | Dein Projekt mit React 19 + Tailwind v4 (Site: Next.js 16.3) | k. A. | Kein Overflow; Tabellen werden zu Karten |

Eine Tabelle, die in ihrem Kasten scrollt, ist eine Designentscheidung: Nichts geht kaputt, und die Data Table von shadcn/ui ist genau so gebaut. Es bedeutet aber, dass jemand auf dem Smartphone zwei oder drei Spalten auf einmal sieht und für den Rest wischen muss. Für einen Admin, der in der Bahn kurz aufs Dashboard schaut, passt das; für alle, die vom Smartphone aus arbeiten, eher nicht.

## Was ist das beste shadcn SaaS Template?

Das hängt davon ab, ob dir das Backend fehlt oder das Design.

**next-forge** ist der vollständigste kostenlose Startpunkt für ein echtes Produkt. Es ist ein Turborepo mit Marketing-Site, App, API, Doku, E-Mail-Templates und Storybook, verdrahtet mit Clerk, Stripe, Resend, PostHog und Sentry. Das sind viele Konten, die du vor dem ersten Deploy anlegen musst, und der Default-Branch bekam seinen letzten Push im Mai 2026. Nimm es, wenn dir jemand den ganzen Stack vorgeben soll.

**nextjs/saas-starter** vom Next.js-Team ist die kleinere Variante: eine Landing Page, eine Preisseite mit Anbindung an Stripe Checkout, Auth mit E-Mail und Passwort über JWT-Cookies, Teams mit den Rollen Owner und Member, Postgres über Drizzle. Er läuft auf einem Canary von Next.js 15 und hat seit Dezember 2025 keinen Push mehr bekommen. Plan also das Upgrade auf Next.js 16 gleich für den ersten Tag ein.

**Mainline** ist das kostenlose Template von shadcnblocks: eine aufpolierte Marketing-Site ohne Backend. Die Lizenz ist MIT plus Commons Clause. Du darfst es kommerziell nutzen, aber das Template nicht unverändert weiterverkaufen. Im Repository steht es auf Next.js 15.5, während die bezahlten shadcnblocks-Templates Next.js 16 angeben.

**shadcn premium templates** sind der bezahlte Weg zu einem fertigen Marketing-Design. shadcnblocks verkauft 21 kostenpflichtige Templates ab $79 pro Stück, oder alle zusammen im Premium-Plan für $299, einmalig, für eine Person ([Preise](https://www.shadcnblocks.com/pricing), 6. November 2026). Magic UI Pro kostet $199 einmalig für neun Templates (SaaS, Startup, AI Agent, Dev Tool, Mobile, Portfolio, Changelog, Blog und Codeforge), animiert mit Motion. shadcn studio listet 25 oder mehr Templates mit Plänen ab $99 einmalig, aber auf seiner [Preisseite](https://shadcnstudio.com/pricing) stand bei unserem Check nicht, welcher Plan sie enthält.

Unser Beitrag ist die Vorlage [Landing Page](https://wingo-ui.com/templates/landing-page), eine SaaS-Startseite in vier Designs (classic, bold, editorial, minimal), und der passende Block [Pricing Page](https://wingo-ui.com/components/pricing-page). Beide sind reine UI: Auth und Billing bringst du selbst mit, oder du setzt sie auf das Backend von saas-starter. Die Preisseite ist die, die du auf dem Smartphone ausprobieren solltest: Drei Plan-Karten passen bei 390px nicht nebeneinander, also werden unsere zu einem Karussell.

> Live-Demo (Pricing Page): Wechsle zwischen Monthly und Yearly und sieh zu, wie die Preise animiert wechseln; zieh das Fenster unter 768px schmal, dann werden die Pläne zu einem wischbaren Karussell, das beim hervorgehobenen Plan startet. Probier sie unter [Pricing Page](https://wingo-ui.com/components/pricing-page) aus und installier sie mit `npx wingo-ui@latest add pricing-page`.

Die Anbindung an deine Registrierung braucht einen einzigen Handler. Das ist die echte API des Blocks:

```tsx
// app/(marketing)/pricing/page.tsx
"use client";

import Link from "next/link";
import { useRouter } from "next/navigation";
import { PricingPage } from "@/components/blocks/pricing-page";

export default function PricingRoute() {
  const router = useRouter();
  return (
    <PricingPage
      linkComponent={Link}
      defaultPeriod="yearly"
      mobileLayout="carousel"
      onSelectPlan={(planId, period, currency) =>
        router.push(`/sign-up?plan=${planId}&period=${period}&currency=${currency}`)
      }
    />
  );
}
```

Das Gesamtbild für die Marketing-Seite zeigt unser [Guide zum SaaS Website Template](https://wingo-ui.com/de/blog/saas-website-template): Er geht jede Seite durch, die eine SaaS-Site braucht.

## Was sind die besten shadcn Dashboard Templates?

Das ist die am dichtesten besetzte Kategorie, und die kostenlosen Optionen sind gut.

**shadcn dashboard-01** ist der offizielle Block: eine Sidebar, KPI-Karten, ein Flächendiagramm und eine Data Table. Führ `npx shadcn@latest add dashboard-01` aus, und er landet in deinem bestehenden Projekt. Damit ist er der günstigste Weg, um herauszufinden, ob du mehr als einen Block brauchst.

**shadcn-admin** von Sat Naing ist das Dashboard mit den meisten Sternen in dieser Liste (16.577 GitHub-Sterne am 6. November 2026). Es ist eine Vite-App mit TanStack Router und passt damit zu einem Single-Page-Admin, der mit einer separaten API spricht. Nimm etwas anderes, wenn du Server Components von Next.js willst.

**Studio Admin** von Arham Khan bringt mehrere Dashboards mit (Default, CRM, Finance, Analytics, Productivity), dazu Auth-Screens und Theme-Presets, und pflegt eigene Repositories für Base UI, React Aria und TanStack Start. Der letzte Push kam am Morgen unseres Checks.

**next-shadcn-dashboard-starter** von Kiran baut auf Base UI auf und liefert mehr funktionierenden Code als die anderen: Tabellen mit Server-Prefetch und Filtern, die über TanStack Query und nuqs mit der URL synchron bleiben, Zod-Formulare, Clerk-Auth mit Organisationen und Clerk Billing. Das heißt aber auch, dass er von Clerk abhängt. Das Demo-Dashboard liegt hinter einem Clerk-Login, deshalb endete unser Smartphone-Check auf der Landing Page.

Bei den bezahlten Optionen kostet das Admin Kit von shadcnblocks einzeln $129. Unseres ist die [Admin Dashboard Page](https://wingo-ui.com/components/admin-dashboard-page) in der [Admin Shell](https://wingo-ui.com/components/admin-shell), und von den Dashboard-Demos, die wir öffnen konnten, ist sie die einzige, deren Tabellen bei 390px nicht seitwärts scrollten: Die letzten Bestellungen werden zu Karten mit Load more, die KPIs stehen zwei mal zwei, und eine Bestellung öffnet sich in einem Bottom Sheet, das du zum Schließen nach unten ziehst.

> Live-Demo (Admin Dashboard Page): Wähl im Datumsfeld einen Zeitraum und öffne dann eine Bestellung: Auf dem Smartphone sind die Bestellungen Karten, und die Bestellung öffnet sich als Bottom Sheet. Probier sie unter [Admin Dashboard Page](https://wingo-ui.com/components/admin-dashboard-page) aus und installier sie mit `npx wingo-ui@latest add admin-dashboard-page`.

```bash
npx wingo-ui@latest add admin-shell admin-dashboard-page
```

```tsx
// app/(admin)/page.tsx (die Shell umschließt sie in app/(admin)/layout.tsx)
"use client";

import { useRouter } from "next/navigation";
import { AdminDashboardPage } from "@/components/blocks/admin-dashboard-page";

export default function HomePage() {
  const router = useRouter();
  return (
    <AdminDashboardPage
      userName="Emma"
      currency="USD"
      onCreateOrder={() => router.push("/orders/new")}
      onOrderAction={async (action, order) => {
        const res = await fetch(`/api/orders/${order.id}/${action}`, { method: "POST" });
        if (!res.ok) throw new Error(`Bestellung ${order.number}: ${action} fehlgeschlagen`);
      }}
    />
  );
}
```

Der Block aktualisiert zuerst die Zeile und wartet dann auf dein Promise; ein abgelehntes Promise macht die Änderung rückgängig. Deshalb wirft der Handler bei einer fehlgeschlagenen Antwort einen Fehler. `action` ist `"confirm"`, `"cancel"` oder `"print"`.

Wenn du eine Bibliothek für den ganzen Admin-Bereich suchst statt eines einzelnen Templates, deckt der [Vergleich von Komponentenbibliotheken für Dashboards](https://wingo-ui.com/de/blog/best-react-component-library-for-dashboard) Data Tables, Charts und Filter ab, und das [Next.js Admin Dashboard Tutorial](https://wingo-ui.com/de/blog/nextjs-admin-dashboard-tutorial) baut eins Schritt für Schritt. Das Verhalten der Tabellen kommt von unserer [Data Table](https://wingo-ui.com/components/data-table), die auf dem Smartphone Karten rendert.

## Gibt es ein gutes shadcn E-Commerce-Template?

**Your Next Store** ist das, mit dem wir anfangen würden. Es steht unter MIT, läuft auf Next.js 16.4 mit Base UI und Tailwind 4.3 und bekam seinen letzten Push am Tag vor unserem Check. Mach dir vorher klar, was du da klonst: Die Storefront spricht über das Commerce Kit SDK mit der Commerce-Plattform YNS und braucht einen `YNS_API_KEY` von yns.store, für Zahlungen Stripe. Du bekommst schnell einen Shop, aber keine eigenständige Storefront für dein eigenes Backend.

**skateshop** von sadmann7 taucht noch in vielen Listen auf, steht aber auf Next.js 14 und Tailwind 3 und hat seit April 2025 keinen Push mehr bekommen. Lies den Code für Ideen, aber starte kein neues Projekt darauf.

Inzwischen verkaufen wir auch ein Shop-Frontend: Die [Vorlage Storefront Page](https://wingo-ui.com/templates/storefront-page) ist eine Shop-Startseite mit Kollektionen, einem filterbaren Produktraster mit Quick Add, einem Produkt im Fokus, Bewertungen und einem Cart Drawer. Wie jede unserer Vorlagen hat sie kein Commerce-Backend, du verbindest Produkte, Warenkorb und Zahlung also mit dem, das du schon nutzt, und die [Checkout Page](https://wingo-ui.com/components/checkout-page) (Warenkorb, vier Checkout-Schritte, Bestellbestätigung) übernimmt den Schritt nach dem Warenkorb. Unser Guide zum [Shadcn Ecommerce Template](https://wingo-ui.com/de/blog/shadcn-ecommerce-template) baut daraus Screen für Screen einen Shop.

## Was nimmst du für eine shadcn Doku-Site?

**Fumadocs**, ohne große Konkurrenz. Es steht unter MIT, liefert `fumadocs-ui` auf Radix und eine eigene Base-UI-Edition, läuft auf Tailwind CSS v4 und bringt Suche, MDX, OpenAPI-Seiten und eine shadcn-Integration mit. Es ist ein Doku-Framework, du bekommst Engine und Layout also zusammen.

Unsere Vorlage [Docs Home Page](https://wingo-ui.com/templates/docs-home-page) deckt nur die Startseite des Portals ab (Such-Palette, Quick-Start-Karten, API-Beispiele, SDK-Kacheln, Changelog). Setz sie vor Fumadocs, wenn du eine gestaltete Einstiegsseite für deine Doku willst; die Doku-Engine ersetzt sie nicht.

## Reichen kostenlose shadcn Templates?

Für die meisten Projekte ja. Jedes kostenlose Template in der Tabelle außer skateshop läuft auf Tailwind CSS v4, alle stehen unter MIT (Mainline mit seiner Commons Clause), und mehrere wurden diese Woche aktualisiert. Die kostenlosen sind meist stärker beim funktionierenden Backend-Code: Auth, Billing, eine Datenbankschicht. Bezahlte Templates sind meist stärker bei der Zahl der Seiten und beim visuellen Feinschliff. Was MIT im Gegenzug von dir verlangt, steht in [shadcn kommerziell nutzen](https://wingo-ui.com/de/blog/is-shadcn-free-for-commercial-use).

Drei Dinge solltest du prüfen, bevor du ein kostenloses klonst:

- **Die Versionen auf dem Default-Branch.** saas-starter läuft auf einem Canary von Next.js 15; Mainline steht auf Next.js 15.5, während seine bezahlten Geschwister 16 angeben.
- **Die Dienste, die es voraussetzt.** next-forge und Kirans Starter erwarten Clerk; Your Next Store erwartet die YNS-Plattform. Einen Auth-Anbieter später wieder auszubauen kostet mehr, als gleich ein Template ohne ihn zu wählen.
- **Das Smartphone.** Lass das Skript von oben laufen oder öffne die Demo im Gerätemodus deines Browsers und scroll bis zur ersten Tabelle.

## Wo passen die Vorlagen von Wingo UI hin?

Wingo UI hat 50 Seitenvorlagen in der [Vorlagen-Galerie](https://wingo-ui.com/templates) und 45 weitere Blocks, etwa komplette App-Screens (Dashboards, Checkout, Einstellungen, CRM) und Marketing-Abschnitte, gebaut aus denselben 226 Komponenten. Zwei Vorlagen sind kostenlos, die [Contact Page](https://wingo-ui.com/templates/contact-page) und die [FAQ Page](https://wingo-ui.com/templates/faq-page); für den Rest brauchst du Pro für $8 im Monat, $80 im Jahr oder $150 einmalig ([Preise](https://wingo-ui.com/de/pricing)). Die 14-tägige Rückerstattung gilt für einen ersten Kauf nur, solange noch kein Pro-Element heruntergeladen wurde.

Wo wir die bessere Wahl sind: Apps, die Leute auf dem Smartphone öffnen (Sheets statt Popovers unter 768px, Touch-Ziele mit 44px, Tabellen werden zu Karten), jeder visuelle Aspekt als Prop mit Default, Light und Dark Mode, beide gestaltet, und eine CLI, die unsere Updates in Dateien einspielt, die du bearbeitet hast. Wo nicht: In keiner Vorlage steckt ein Backend (auch nicht in der Shop-Vorlage), und es gibt keine Doku-Engine, die Community ist weit kleiner als die von shadcn/ui, und wir bauen auf Radix, ein Base-UI-Projekt hätte also zwei Primitive-Bibliotheken an Bord. Noch ein ehrlicher Hinweis: Unsere [Template Gallery Page](https://wingo-ui.com/templates/template-gallery-page) ist ein Screen für eine App, die ihren eigenen Nutzern Vorlagen anbietet (im Stil von Notion, mit Kategorien und einem Detail-Dialog). Sie listet keine Website-Templates.

## Was solltest du als Nächstes tun?

Wähl nach Aufgabe und danach, was dir fehlt. Brauchst du das Backend, klon next-forge oder saas-starter. Brauchst du ein Dashboard, probier shadcn-admin, Studio Admin oder Kirans Starter. Brauchst du obendrauf eine UI, die auf dem Smartphone funktioniert, sieh dir an der kostenlosen Contact Page an, wie unsere Vorlagen verdrahtet sind: Leg ein kostenloses Konto an (nur E-Mail, keine Karte), folg der [Installationsanleitung](https://wingo-ui.com/docs/installation) und führ dann `npx wingo-ui@latest add contact-page` aus.

## Komponenten in diesem Artikel

- [Landing Page](https://wingo-ui.com/templates/landing-page) (Pro): A SaaS home page: hero with a drawn product shot, logos, bento features, product tour, numbers, quotes, pricing teaser, FAQ and CTA. Installation: `npx wingo-ui@latest add landing-page`
- [Admin Dashboard Page](https://wingo-ui.com/components/admin-dashboard-page) (Pro): A React admin dashboard page: greeting and period, four KPIs, revenue against the previous period, recent orders, alerts and team activity. Installation: `npx wingo-ui@latest add admin-dashboard-page`
- [Template Gallery Page](https://wingo-ui.com/templates/template-gallery-page) (Pro): A gallery of ready-made workspace templates: search hero with fanned previews, categories, sort, drawn template cards and a detail dialog. Installation: `npx wingo-ui@latest add template-gallery-page`
- [Pricing Page](https://wingo-ui.com/components/pricing-page) (Pro): A React SaaS pricing page: plans with monthly or yearly and USD or EUR switches, a comparison table, quotes, an FAQ and a closing call. Installation: `npx wingo-ui@latest add pricing-page`

## Häufige Fragen

### Welche kostenlosen shadcn Templates sind die besten?

Stand 6. November 2026: next-forge und nextjs/saas-starter für ein SaaS-Produkt, shadcn-admin, Studio Admin und next-shadcn-dashboard-starter für Dashboards, Your Next Store für einen Shop und Fumadocs für Dokumentation. Alle stehen unter MIT-Lizenz und laufen auf Tailwind CSS v4.

### Hat shadcn/ui offizielle Templates?

Nein. Die offizielle Website hat Blocks wie dashboard-01, Sidebars und Login-Screens, die du mit npx shadcn@latest add dashboard-01 installierst, aber keine kompletten Website-Templates; ui.shadcn.com/templates lieferte am 6. November 2026 einen 404. Komplette Templates kommen von Drittanbietern.

### Lohnen sich shadcn Premium Templates?

Sie lohnen sich, wenn du ein fertiges Marketing-Design brauchst und sonst Tage in Layout und Textstruktur stecken würdest. Kostenlose Templates bringen meist mehr funktionierenden Backend-Code mit (Auth, Billing, Datenbank), bezahlte mehr Seiten und mehr Feinschliff. Entscheide also danach, welche Hälfte dir fehlt.

### Welche shadcn Templates nutzen Tailwind CSS v4?

Stand 6. November 2026 läuft jede kostenlose Empfehlung dieser Liste außer skateshop auf ihrem Default-Branch mit Tailwind CSS v4, und shadcnblocks nennt Tailwind 4 für seine Templates. Prüf die package.json auf dem Branch, den du klonst, denn manche Repos, darunter Studio Admin, halten Versionen mit Tailwind v3 auf Archiv-Branches.

### Darf ich kostenlose shadcn Templates kommerziell nutzen?

MIT-Templates ja, auch für Kundenprojekte. Lies trotzdem die Lizenzdatei: Das kostenlose Mainline-Template von shadcnblocks steht unter MIT plus Commons Clause. Kommerzielle Nutzung ist erlaubt, den unveränderten Weiterverkauf des Templates verbietet sie.

---

Quelle: https://wingo-ui.com/de/blog/best-shadcn-templates