- Make sure the registry is not already listed in the directory.
- Ensure the registry uses shadcn as its distribution method
(e.g.,
npx shadcn@latest add https://custom-registry.com/{component}). - Your registry must have a publicly accessible
registry.jsonfile at/r/registry.json(e.g.,https://custom-registry.com/r/registry.json). - Add the registry entry at the bottom of the
registriesarray in thedirectory.jsonfile.
Your registry must be publicly accessible and follow the shadcn registry format:
- Registry index:
https://your-site.com/r/registry.json(required) - Component files:
https://your-site.com/r/{component-name}.json(required) - All files must be publicly accessible (no authentication required)
If your registry URL is different from the default /r/registry.json path, you can specify a custom registry_url:
{
"name": "My Registry",
"description": "A custom registry for shadcn/ui components.",
"url": "https://myregistry.com/",
"registry_url": "https://myregistry.com/custom-path/registry.json"
}To make your card stand out with a GitHub avatar and link, you can add optional github_url and github_profile fields to your registry entry.
Example with GitHub:
{
"name": "shadcn/ui",
"description": "The official registry for shadcn/ui components.",
"url": "https://ui.shadcn.com/",
"github_url": "https://github.com/shadcn-ui/ui",
"github_profile": "https://github.com/shadcn.png"
}Example without GitHub (fallback to icon):
{
"name": "My Registry",
"description": "A custom registry for shadcn/ui components.",
"url": "https://myregistry.com/"
}How to get your GitHub profile image URL:
- Format:
https://github.com/{username}.png - Example: If your GitHub username is
rbadillap, usehttps://github.com/rbadillap.jpg
Result:
When you include github_url and github_profile, your card will display:
- Your GitHub profile picture as an avatar (clickable, links to your GitHub profile)
- A GitHub icon next to the external link icon (clickable, links to your repository)
- Enhanced visual presentation
