Tools· Design & Creative

    Cult UI

    Copy-and-paste React component collection installed through the shadcn registry format, with a distinctive texture and shader aesthetic plus a growing catalog of prebuilt AI agent patterns.

    designingexecutableFreemium

    Description

    Strengths

    Copy-and-paste instead of an npm dependency
    The source code of each component lands directly in your own repository and can be freely edited there, instead of being pulled in as a black-box package.
    Distinctive texture and shader aesthetic
    Components such as Texture Card, Neumorph Card, or shader hero sections set a visual accent of their own compared to neutral standard libraries.
    Direct shadcn registry integration
    Installation through the shadcn CLI's namespace syntax fits into existing shadcn projects without separate tooling.
    Broad component catalog
    From individual cards and buttons through input elements to complete marketing sections, the collection covers a wide range.
    Actively maintained open source project
    Open source under the MIT license on GitHub, with its own documentation and over 4,000 GitHub stars.

    Assessment

    AI features

    • Prebuilt AI agent patterns 92 documented patterns for workflows, tool calling, and agent orchestration built on the Vercel AI SDK, available as copy-and-paste code or as a downloadable Next.js app.
    • Research and analysis blocks Ready-made full-stack building blocks such as a competitor research agent with Firecrawl scraping and AI analysis of positioning, pricing, and tech stack, or a data analysis agent for CSV and JSON uploads with AI-powered pattern detection.
    • RAG agent toolkit Tools for building AI agents with their own knowledge base, including document upload, website scraping, and vector embeddings through pgvector.
    • Full chat application template A ChatGPT-style SaaS chat template with multi-tenant organizations, team roles, and persistent conversation history as a starting point for your own AI products.

    Suitable for

    • React projects built on shadcn/ui that need additional components with their own visual character, for example hero sections or cards with texture effects
    • Teams looking for prebuilt AI agent patterns or complete AI product templates as a starting point for their own features, instead of building them from scratch
    • Marketing and landing page builds that want to draw on ready-made but customizable sections such as hero, bento grid, or comparison sections
    • Less suitable for Less suitable for projects that need consistently brand-neutral, flat components without a recognizable aesthetic of their own

    Limitations and notes

    • Requires the shadcn beta CLI Namespaced installation through `@cult-ui/<name>` only works with `shadcn@beta`, or a current stable version that supports named registries.
    • Requires Tailwind v4 Components are written against Tailwind v4's `@theme` syntax; on Tailwind v3, manual keyframe adjustments are needed.
    • `motion` instead of `framer-motion` Projects that already use `framer-motion` should pick one of the two animation libraries to avoid doubling bundle size.
    • Free and Pro licenses are separate The base components are MIT licensed and free, as are the 92 AI agent patterns via aisdkagents.com/directory; the premium blocks and starter templates under "Cult Pro" are separately licensed and paid, though the assignment of individual patterns to the Pro package may vary in detail.
    • Generic accent colors As with comparable component collections, default colors need to be remapped to your own brand tokens, otherwise Cult UI's signature aesthetic stays visible.

    Quick start

    1. Add the Cult UI registry to `components.json` under the `@cult-ui` namespace with the URL `https://cult-ui.com/r/{name}.json`.
    2. Search for matching components with `npx shadcn@beta search @cult-ui --query "<term>"`.
    3. Install one or more components with `npx shadcn@beta add @cult-ui/<component-name>`.
    4. Review the generated files under `components/ui/` or `components/cult/` and adapt them to your own design tokens.
    5. For AI agent patterns, browse the catalog at aisdkagents.com/directory and take the desired pattern as code or as a Next.js app.

    Tips

    • Check `npx shadcn@beta --version` before every install, since the namespace syntax requires a beta or current stable version.
    • If `framer-motion` is already a dependency in the project, decide upfront whether to switch to `motion` instead of loading both libraries in parallel.
    • Remap accent colors to your own brand tokens right after installation, before Cult UI's signature texture shows through in the product.
    • For purely brand-neutral base components, stick with shadcn/ui and add Cult UI selectively for individual accent components.

    Access

    Last reviewed: · Pricing, plans and features are a snapshot in time. Check the provider's own page before deciding.

    In the workshop this becomes your method.

    Whoever sees this process run once wants the agent behind it next. We build that in the workshop From Process to Agent.

    View workshops

    Related resources

    Browse all resources

    Conversation, not pitch

    Understand first, then decide. We take time for an initial conversation, without sales pressure, without obligation.

    Schedule a call