EctoPcoi Components
Jul 2026

ReactTypeScriptTailwind CSSshadcn
Installation
A custom shadcn 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.