# @cf/ui

> The components behind connorforsyth.co: Base UI and Tailwind v4 primitives, shipped as a shadcn registry with MUST/SHOULD/MAY rules for agents.

- Rules for agents: https://ds.connorforsyth.co/design.md
- Registry: https://ds.connorforsyth.co/r/{name}.json (add `"@cf": "https://ds.connorforsyth.co/r/{name}.json"` to components.json `registries`)
- MCP (streamable HTTP): https://ds.connorforsyth.co/api/mcp
- Source: https://github.com/connorwforsyth/Connor-Website/tree/main/packages/ui

## Introduction

- [Purpose](https://ds.connorforsyth.co/introduction/purpose)
- [Principles](https://ds.connorforsyth.co/introduction/principles)
- [Styling](https://ds.connorforsyth.co/introduction/styling)
- [MCP](https://ds.connorforsyth.co/introduction/mcp)

## Foundations

- [Colors](https://ds.connorforsyth.co/foundations/colors)
- [Typography](https://ds.connorforsyth.co/foundations/typography)
- [Iconography](https://ds.connorforsyth.co/foundations/iconography)
- [Accessibility](https://ds.connorforsyth.co/foundations/accessibility)

## Controls

- [Button](https://ds.connorforsyth.co/controls/button)
- [Input](https://ds.connorforsyth.co/controls/input)
- [Textarea](https://ds.connorforsyth.co/controls/textarea)
- [Select](https://ds.connorforsyth.co/controls/select)
- [Switch](https://ds.connorforsyth.co/controls/switch)
- [Label](https://ds.connorforsyth.co/controls/label)
- [Field](https://ds.connorforsyth.co/controls/field)
- [Form](https://ds.connorforsyth.co/controls/form)
- [Input Group](https://ds.connorforsyth.co/controls/input-group)
- [Kbd](https://ds.connorforsyth.co/controls/kbd)
- [Dropdown Menu](https://ds.connorforsyth.co/controls/dropdown-menu)
- [Tooltip](https://ds.connorforsyth.co/controls/tooltip)

## Components

- [Dialog](https://ds.connorforsyth.co/components/dialog)
- [Alert Dialog](https://ds.connorforsyth.co/components/alert-dialog)
- [Carousel](https://ds.connorforsyth.co/components/carousel)
- [Separator](https://ds.connorforsyth.co/components/separator)
- [Spinner](https://ds.connorforsyth.co/components/spinner)
- [Message](https://ds.connorforsyth.co/components/message)
- [Message Scroller](https://ds.connorforsyth.co/components/message-scroller)
- [Bubble](https://ds.connorforsyth.co/components/bubble)
- [Marker](https://ds.connorforsyth.co/components/marker)

## Blocks

- [Sidebar](https://ds.connorforsyth.co/blocks/sidebar)
- [Editor](https://ds.connorforsyth.co/blocks/editor)