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:@Alok619308

    Cue Kit: Open-Source-React-Komponenten mit begleitenden KI-Prompts

    Cue Kit bietet über 50 kostenlose UI-Komponenten für React unter MIT-Lizenz. Viele Elemente enthalten neben dem Code auch den ursprünglichen Prompt zur Weiterverarbeitung in KI-Tools. Entwickler können die Bausteine direkt via shadcn-CLI in Webprojekte einbinden.

    Webentwicklung· Tool

  • 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

  • Link:spaceui.one

    Space UI: UI-Komponentenbibliothek für Next.js und Base UI

    Space UI ist eine Komponenten-Bibliothek und Registry für Next.js und Base UI, die über shadcn CLI installiert werden kann. Sie bietet interaktive UI-Elemente, animierte Primitives, Templates und React-Hooks.

    Webentwicklung· Tool

Sprechen wir über Ihr Projekt.

Standorte

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

Ein Teil von diesem Inhalt wurde mit KI gemacht.