Get Started

Installation

Add components from this registry into any React + Tailwind project.

1. Set up shadcn in your project

If you haven't already, initialize shadcn in your app.

bash

npx shadcn@latest init

2. Install the GloBird tokens

Tokens are required by every component.

bash

npx shadcn@latest add https://twigs.globirdenergy.com.au/r/tokens.json

3. Add components

Each component is one command.

bash

npx shadcn@latest add https://twigs.globirdenergy.com.au/r/button.json
npx shadcn@latest add https://twigs.globirdenergy.com.au/r/input.json
npx shadcn@latest add https://twigs.globirdenergy.com.au/r/dialog.json

4. (React Native / Vue / Svelte)

The shadcn CLI targets React + Tailwind. For other platforms, copy the source from any component's Code tab and prompt your AI agent:

prompt

Port this React + Tailwind component to React Native + NativeWind.
Preserve the prop API and token names exactly. Do not introduce
new colours; use --primary, --foreground, etc. as-is.