How to install and configure GooseUI in your project
Requirements
- React 18+
- Next.js 13+ (App Router)
- Tailwind CSS 4+
- TypeScript
Component dependencies are installed automatically when you add a component via CLI.
Method 1: Direct URL
Install a component directly via URL:
Method 2: Via namespace
Add the GooseUI namespace to your components.json:
{
"registries": {
"@gooseui": "https://gooseui.pro/r/{name}.json"
}
}Now you can install components:
Project Structure
After installation, components will appear in:
your-project/
├── components/
│ └── ui/
│ └── button.tsx
├── lib/
│ └── utils.ts
└── ...