Kitze UI: Wiederverwendbare React-Komponenten auf Basis von shadcn und Base UI

LinkKitzeTool

Kitze UI ist eine Sammlung von 75 React-Komponenten und Utilities, die auf shadcn und Base UI aufbauen. Der Quellcode wird direkt in das eigene Projekt installiert und bietet vereinfachte Prop-APIs sowie responsive Anpassungen für Desktop und Mobilgeräte.

Das Wichtigste

  1. Basiert auf shadcn und Base UI und umfasst 75 Komponenten und Hilfsfunktionen.
  2. Wird direkt als Quellcode in bestehende shadcn-Projekte installiert und bleibt vollständig anpassbar.
  3. Kombiniert Desktop- und Mobil-Interaktionen in einheitlichen Komponenten, beispielsweise Dialoge am Desktop, die auf Mobilgeräten zu wischbaren Drawern werden.
  4. Fokussiert auf reduzierte Boilerplate bei Buttons, Formularen, Selektoren und Menüs.
  5. Optimiert für menschliche Entwickler sowie Coding-Agents zur Reduzierung von UI-Code.

Warum das relevant ist

Entwickler müssen responsive Verhaltensweisen wie Menüs und Modals oft mühsam doppelt für Desktop und Mobile implementieren. Kitze UI abstrahiert diesen Unterschied in eine kompakte API und lässt den Code dank des shadcn-Konzepts dennoch komplett im eigenen Repository.

Einordnung

Das Projekt greift den anhaltenden Trend auf, UI-Komponenten direkt als Quellcode in das eigene Projekt zu kopieren statt als unflexible npm-Bibliotheken einzubinden. Durch die Verbindung mit Base UI und die Ausrichtung auf Coding-Agents adressiert Kitze typische Schwachstellen moderner Frontend-Entwicklung: konsistente Mobile-Interaktionen ohne übermäßigen Boilerplate-Code.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Link:Ajay Patel, Anand Patel

    Shadcn Studio: Komponenten, UI-Blöcke und Templates für shadcn/ui

    Shadcn Studio stellt vorgefertigte UI-Komponenten, Blöcke und Vorlagen für shadcn/ui bereit, die sowohl Radix UI als auch Base UI unterstützen. Neben Copy-Paste-Code und CLI-Installation bietet die Plattform KI-Werkzeuge wie einen MCP-Server, Theme-Generierung und ein Figma-Plugin.

    KI & AI· Tool

  • Link:21st Labs, Inc.

    21st.dev: Community-Registry für React-Komponenten und shadcn-Themes

    21st.dev ist ein Marktplatz und Verzeichnis mit über 12.000 React-Komponenten, Vorlagen und Themes. Die UI-Elemente basieren auf Tailwind CSS sowie shadcn/ui-Konventionen und lassen sich über vorbereitete Prompts direkt in AI-Tools wie Claude Code, Lovable oder Cursor einbinden.

    KI & AI· Sammlung

  • X-Post:shadcn

    Eigene Komponentenbibliotheken für KI-gestützte Entwicklung

    shadcn empfiehlt Entwicklern, eine eigene, personalisierte Komponentenbibliothek auf Basis von shadcn/ui für Agentic Coding anzulegen und bei neuen Projekten direkt als Standard zu laden.

    1336Lesezeichen132.017Aufrufe

    KI & AI· Meinung

  • Link:Beste

    Beste UI: Komponenten- und Block-Bibliothek für shadcn/ui mit MCP-Anbindung

    Beste UI bietet über 2.000 vorgefertigte Blöcke, Teilstücke und Komponenten für Tailwind CSS und shadcn/ui in React- und Next.js-Projekten. Der Code wird ohne Laufzeitabhängigkeiten direkt ins Projekt kopiert und lässt sich über das Model Context Protocol (MCP) nahtlos von KI-Coding-Agenten integrieren.

    KI & AI· Tool

  • Link:Mannupaaji

    Aceternity UI: React-Komponentenbibliothek mit Tailwind und Framer Motion

    Aceternity UI von Entwickler Mannupaaji bietet über 200 vorgefertigte React-Komponenten, Blöcke und Vorlagen für Landingpages. Die Bibliothek setzt auf Tailwind CSS sowie Motion und bietet neben einem Copy-and-Paste-Ansatz auch Integrationen über einen MCP-Server für KI-Agenten.

    KI & AI· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.