EctoPcoi Components

Jul 2026

ReactReactTypeScriptTypeScriptTailwind CSSTailwind CSSshadcn/uishadcn

Installation

A custom shadcn/uishadcn registry that PcoiDev and I maintain together. It collects the UI pieces we share across our two portfolios: a navbar, footer, social redirect page, contributions heatmap, and components for writing posts. There are around 20 components so far, all browsable at ectopcoi-components.vercel.app.

Importing a component

Adding a component is just one command:

npx shadcn add @ectopcoi-components/navbar

The component is copied directly into the project, so there’s nothing to add to package.json and no runtime dependency to keep up to date.

That’s also what makes the registry useful: once a component is in your project, it’s yours. You can change it, adapt it to your needs, or just leave it as it is. The registry stays out of the way.