Blode UI

Blode UI is an opinionated shadcn/ui component registry built by Matthew Blode, with a focus on good taste, care, and craft. Components install as source you own and edit.

• IS: installing @blode components into a project and writing code with them.
• IS NOT: maintaining the Blode registry itself (that lives in the mblode/ui repo's own instructions), scaffolding a whole Next.js app (use scaffold-nextjs), or visual direction for a non-Blode product (use ui-design).

Before Adding Anything

Two things have to be true, and both fail quietly:

• The CLI can resolve @blode. shadcn's registry directory has listed it since Aug 2026, so a current CLI needs no setup. Only an older CLI that reports an unknown registry needs the namespace registered in components.json.
• @blode/ui is installed. Grep the project's CSS for --field-radius; if it is absent, the design system was never added and every component will render unstyled.

references/install-flow.md has the commands for both.

Reference Files

Load only what the task needs.