Docyrus UI — React Components

@docyrus/ui is the Docyrus web component library (React 19 + Tailwind v4, distributed via a self-hosted shadcn registry). This skill is the master index: every web component and hook, with a one-line description, its import path, and a link to its llms.txt documentation page.

How to use this skill

1. Find the component in the categorized tables below (or the hooks catalog).
2. Fetch its llms.txt page (the link in each row) with WebFetch (or curl) before writing code. The catalog descriptions are intentionally short; the llms.txt page is the source of truth for props, types, variants, sizes, usage snippets, and dependencies. Never guess a component's API — read the page.
3. Install it into a consuming project with the Docyrus CLI:
   • Component: docyrus add @docyrus/ui-<slug> (e.g. docyrus add @docyrus/ui-data-grid)
   • Hook: docyrus add @docyrus/hooks-<slug> (e.g. docyrus add @docyrus/hooks-use-docyrus-data-grid)
4. Import from the package export:
   • Component: import { DataGrid } from '@docyrus/ui/components/data-grid';
   • Hook: import { useDocyrusDataGrid } from '@docyrus/ui/library/hooks/use-docyrus-data-grid';
   • Primitive: import { Button } from '@docyrus/ui/primitives/ui/button';

Docs base URL is https://ui.docy.app. The per-page LLM doc lives at …/docs/web/<section>/<slug>/llms.txt; the human page drops the /llms.txt suffix.

Master documentation indexes