Component catalog
The component catalog is data-first and lives in packages/ui/src/catalog*.ts.
It contains exactly 130 components: 101 in Core and 29 in Agents. Every entry
declares its area and capability family, and drives showcase navigation,
agent-facing docs, and catalog drift checks.
Areas and families
Section titled “Areas and families”Core contains Primitives, Inputs, Forms, Visualizations, Data display, Feedback, Overlays, Navigation, and Layout. Agents contains Conversation, Governance, Approvals, Automation, and Runtime & evidence.
The visualization family includes charts for lines, areas, bars, combinations, donuts, compact trends, progress, categories, and tracking. Their public APIs are renderer-neutral; provider details remain internal to Lemn UI.
Runtime catalog
Section titled “Runtime catalog”- JSON: showcase.ui.le-mn.com/catalog.json
- Agent summary: showcase.ui.le-mn.com/llms.txt
- Full agent guide: showcase.ui.le-mn.com/llms-full.txt
Local sources
Section titled “Local sources”- Catalog source:
packages/ui/src/catalog.ts - Component guide:
packages/ui/docs/components.md - Pattern guide:
packages/ui/docs/patterns.md - Showcase pages:
apps/showcase/src/client/pages
When adding or changing a component, update the catalog, docs, showcase page, exports, and tests in the same change. Showcase pages use real interactive components and contain no more than three examples.