@cf/ui

These are the components behind connorforsyth.co. They're sourced from that site's repo, not rebuilt for this one, so when I fix something for the site the fix lands here too. They ship as a shadcn registry, with the rules for using them written down as DESIGN.md and served over an MCP server, so a coding agent can follow the same conventions I do.

I'm building it in public. Some of it is tidy and some of it isn't yet, and where I know a part is unfinished the page says so.

Install

Add the registry to your components.json once:

{
  "registries": {
    "@cf": "https://ds.connorforsyth.co/r/{name}.json"
  }
}

Then add components by name:

What's here

• Introduction: what this is, the principles behind it, how it's styled, and the MCP server.
• Foundations: colours, type, icons and accessibility, as the code does them today.
• Controls: buttons, inputs, selects, menus and the other things you interact with.
• Components: dialogs, the carousel and the chat parts.
• Blocks: bigger pieces lifted from the notes app, the sidebar and the editor menus. Less atomic, and marked beta.