---
name: "@cognicatch"
slug: "cognicatch"
description: "Production-grade React error-boundary infrastructure built for generative-UI applications. Provides AIBoundary for catching LLM hallucinations and malformed JSON payloads, BannerFallback, ModalFallback, and ToastFallback recovery UIs. Features zero-PII client-side scrubbing (emails, JWTs, API keys, credit cards redacted before telemetry), OpenTelemetry/OTLP vendor-agnostic error forwarding, and WCAG-compliant focus traps. Free for manual mode; API key required for managed telemetry. Use for: wrapping AI-generated UI trees so runtime crashes degrade gracefully instead of showing a blank screen."
category: "AI/chat UI"
tags: ["accessibility", "ai", "cards", "cms", "developer-tools", "forms", "overlays", "pro-available"]
framework: "react"
license: "MIT"
author: "CogniCatch"
website: "https://cognicatch.dev"
github: "https://github.com/CogniCatch/react"
registry: "https://cognicatch.dev/registry/registry.json"
pro: true
pro_url: "https://cognicatch.dev/pricing"
github_stars: 7
component_count: 4
generated_at: "2026-07-28T08:59:05.895Z"
---

# @cognicatch

Production-grade React error-boundary infrastructure built for generative-UI applications. Provides AIBoundary for catching LLM hallucinations and malformed JSON payloads, BannerFallback, ModalFallback, and ToastFallback recovery UIs. Features zero-PII client-side scrubbing (emails, JWTs, API keys, credit cards redacted before telemetry), OpenTelemetry/OTLP vendor-agnostic error forwarding, and WCAG-compliant focus traps. Free for manual mode; API key required for managed telemetry. Use for: wrapping AI-generated UI trees so runtime crashes degrade gracefully instead of showing a blank screen.

## Links

- Website: https://cognicatch.dev
- GitHub: https://github.com/CogniCatch/react
- Registry JSON: https://cognicatch.dev/registry/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/cognicatch
- This file: https://sh4dcn.vercel.app/md/cognicatch.md
- Pro / pricing: https://cognicatch.dev/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://cognicatch.dev/registry/registry.json
pnpm dlx shadcn@latest add https://cognicatch.dev/registry/registry.json
bunx shadcn@latest add https://cognicatch.dev/registry/registry.json
# clone the source repo
git clone https://github.com/CogniCatch/react.git
# fetch the raw registry index
curl -s https://cognicatch.dev/registry/registry.json
```

## Components (4)

| name | type | description | install |
| --- | --- | --- | --- |
| adaptive-banner | registry:component | A graceful fallback UI banner for error handling and alerts. | `npx shadcn@latest add https://cognicatch.dev/registry/adaptive-banner.json` |
| adaptive-fatal-error | registry:component | A full-screen, accessible modal for unrecoverable crashes. | `npx shadcn@latest add https://cognicatch.dev/registry/adaptive-fatal-error.json` |
| adaptive-toast | registry:component | A pre-styled, recovery-ready wrapper around Sonner for error notifications. | `npx shadcn@latest add https://cognicatch.dev/registry/adaptive-toast.json` |
| adaptive-error-boundary | registry:component | A ready-to-use Error Boundary that degrades UI gracefully using toasts, banners, or modals. | `npx shadcn@latest add https://cognicatch.dev/registry/adaptive-error-boundary.json` |

## For AI agents

```text
You are adding components from @cognicatch to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/cognicatch.md) for the component list.
2. Fetch the machine-readable index: https://cognicatch.dev/registry/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: cognicatch).
```