component-fetch

Component Fetch

Install components from your GitHub repository
aka shadcn for your UI library.

How to use

Login

npx component-fetch login

? Enter your GitHub personal access token (https://github.com/settings/tokens): [hidden]
✓ Successfully logged in as mrzmyr

[!NOTE] Required permissions: Contents: Read-only

Initialize

First you need to have a GitHub repository with components to install from, see component-fetch-registry for example.

npx component-fetch init

? Enter the GitHub repository (owner/repo): mrzmyr/component-fetch-registry
? Where should components be installed locally? src/components/cf
✓ Configuration saved successfully

Install component

npx component-fetch add button

Fetching https://github.com/mrzmyr/component-fetch-registry/tree/main/src/components/button
✔ Installed `button` to `src/components/cf/button`

Use component

import { Button } from "src/components/cf/button";

API

npx component-fetch login

Add GitHub credentials

npx component-fetch init

Create component-fetch.config.json file

npx component-fetch add

Fetch components and install them to your project

npx component-fetch logout

Remove stored credentials