Tools· Design & Kreativ

    Cult UI

    Copy-and-paste-Komponenten-Sammlung für React im shadcn-Registry-Format, mit ausgeprägter Textur- und Shader-Ästhetik sowie einem wachsenden Katalog vorgefertigter KI-Agent-Muster.

    gestaltendausführbarFreemium

    Beschreibung

    Stärken

    Copy-and-paste statt npm-Abhängigkeit
    Der Quellcode jeder Komponente landet direkt im eigenen Repository und lässt sich dort frei anpassen, statt als Black-Box-Paket eingebunden zu werden.
    Ausgeprägte Textur- und Shader-Ästhetik
    Komponenten wie Texture Card, Neumorph Card oder Shader-Hero-Sektionen setzen einen eigenständigen visuellen Akzent gegenüber neutralen Standard-Bibliotheken.
    Direkte shadcn-Registry-Integration
    Installation über die Namensraum-Syntax der shadcn-CLI fügt sich ohne separates Tooling in bestehende shadcn-Projekte ein.
    Breites Komponenten-Sortiment
    Von einzelnen Karten und Buttons über Eingabeelemente bis zu kompletten Marketing-Sektionen deckt die Sammlung ein weites Spektrum ab.
    Aktiv gepflegtes Open-Source-Projekt
    Quelloffen unter MIT-Lizenz auf GitHub, mit eigener Dokumentation und über 4.000 GitHub-Sternen.

    Einschätzung

    KI-Funktionen

    • Vorgefertigte KI-Agent-Muster 92 dokumentierte Muster für Workflows, Tool-Calling und Agent-Orchestrierung auf Basis des Vercel AI SDK, als Copy-and-paste-Code oder als herunterladbare Next.js-App verfügbar.
    • Recherche- und Analyse-Blöcke Fertige Full-Stack-Bausteine wie ein Wettbewerbsrecherche-Agent mit Firecrawl-Scraping und KI-Analyse von Positionierung, Preisen und Tech-Stack, oder ein Datenanalyse-Agent für CSV- und JSON-Uploads mit KI-gestützter Mustererkennung.
    • RAG-Agent-Baukasten Werkzeuge zum Anlegen von KI-Agenten mit eigener Wissensbasis, inklusive Dokumenten-Upload, Website-Scraping und Vektor-Embeddings über pgvector.
    • Vollständige Chat-Anwendungs-Vorlage Ein ChatGPT-artiges SaaS-Chat-Template mit Multi-Tenant-Organisationen, Team-Rollen und persistenter Unterhaltungshistorie als Startpunkt für eigene KI-Produkte.

    Wofür geeignet

    • React-Projekte auf shadcn/ui-Basis, die zusätzliche Komponenten mit eigenem visuellem Charakter brauchen, etwa für Hero-Sektionen oder Karten mit Textur-Effekten
    • Teams, die vorgefertigte KI-Agent-Muster oder komplette KI-Produkt-Vorlagen als Startpunkt für eigene Features suchen, statt sie von Grund auf zu bauen
    • Marketing- und Landingpage-Bauten, die auf fertige, aber anpassbare Sektionen wie Hero, Bento-Grid oder Vergleichs-Sektionen zurückgreifen wollen
    • Weniger geeignet für Weniger geeignet für Projekte, die durchgehend markenneutrale, flache Komponenten ohne erkennbare Eigenästhetik benötigen

    Einschränkungen und Hinweise

    • Shadcn-Beta-CLI nötig Die Namensraum-Installation über `@cult-ui/<name>` funktioniert nur mit `shadcn@beta` beziehungsweise einer aktuellen stabilen Version mit Unterstützung für benannte Registries.
    • Tailwind v4 vorausgesetzt Komponenten sind gegen die `@theme`-Syntax von Tailwind v4 geschrieben, auf Tailwind v3 sind manuelle Keyframe-Anpassungen nötig.
    • `motion` statt `framer-motion` Wer bereits `framer-motion` im Projekt einsetzt, sollte sich für eine der beiden Animationsbibliotheken entscheiden, um doppelten Bundle-Umfang zu vermeiden.
    • Free- und Pro-Lizenz getrennt Die Basis-Komponenten sind MIT-lizenziert und kostenlos, ebenso die 92 KI-Agent-Muster über aisdkagents.com/directory; die Premium-Blöcke und Starter-Templates unter "Cult Pro" liegen separat lizenziert und kostenpflichtig, wobei die Zuordnung einzelner Muster zum Pro-Paket im Detail variieren kann.
    • Generische Akzentfarben Wie bei vergleichbaren Komponenten-Sammlungen müssen Standardfarben auf die eigenen Marken-Tokens umgemappt werden, sonst bleibt die Signatur-Ästhetik von Cult UI sichtbar.

    Quick Start

    1. In `components.json` die Cult-UI-Registry unter dem Namensraum `@cult-ui` mit der URL `https://cult-ui.com/r/{name}.json` eintragen.
    2. Mit `npx shadcn@beta search @cult-ui --query "<begriff>"` nach passenden Komponenten suchen.
    3. Eine oder mehrere Komponenten mit `npx shadcn@beta add @cult-ui/<komponentenname>` installieren.
    4. Die erzeugten Dateien unter `components/ui/` oder `components/cult/` prüfen und an die eigenen Design-Tokens anpassen.
    5. Für KI-Agent-Muster den Katalog unter aisdkagents.com/directory durchsuchen und das gewünschte Muster als Code oder Next.js-App übernehmen.

    Tipps

    • Vor jeder Installation `npx shadcn@beta --version` prüfen, weil die Namensraum-Syntax eine Beta- oder aktuelle Stable-Version voraussetzt.
    • Bei bestehender `framer-motion`-Abhängigkeit im Projekt vorab entscheiden, ob auf `motion` gewechselt wird, statt beide Bibliotheken parallel zu laden.
    • Akzentfarben direkt nach der Installation auf die eigenen Marken-Tokens ummappen, bevor die Signatur-Textur von Cult UI ins Produkt durchschlägt.
    • Für rein markenneutrale Basis-Komponenten eher bei shadcn/ui bleiben und Cult UI gezielt für einzelne Akzent-Komponenten ergänzen.

    Zugang

    Stand: · Angaben zu Preisen, Tarifen und Funktionen sind eine Momentaufnahme. Vor einer Entscheidung lohnt der Blick auf die Anbieterseite.

    Im Workshop wird daraus Ihre Methode.

    Wer diesen Prozess einmal laufen sieht, will als Nächstes den Agenten dahinter. Das bauen wir im Workshop Vom Prozess zum Agenten.

    Workshops ansehen

    Gespräch statt Pitch

    Erst verstehen, dann entscheiden. Wir nehmen uns Zeit für ein erstes Gespräch, ohne Verkaufsdruck, ohne Verpflichtung.

    Gespräch vereinbaren