oward

Getting Started

Install and use the Oward UI component registry.

Installation

Each component page displays the quick install command for different package managers.

The oward-ui CLI is a wrapper around the shadcn CLI that simplifies installation:

# Install a component
npx oward-ui add icon

# Install multiple components
npx oward-ui add icon wrapper scrollfade

All other shadcn commands are passed through directly:

npx oward-ui init
npx oward-ui diff

Using the @oward namespace

If you would rather not add a wrapper CLI to your project, register Oward UI as a namespace in your components.json and keep using the shadcn CLI directly:

{  "registries": {    "@oward": "https://ui.oward.net/registry/{name}.json"  }}

Any component can then be installed by its namespaced name:

npx shadcn@latest add @oward/icon

The configuration is written once, so this is also the most convenient option when a project installs components regularly.

About the ref parameter

The ref above is an anonymous identifier generated in your browser. It lets us see which pages lead to actual installs, and nothing else — it contains no personal data and is not a credential. Drop the whole params block and the registry works exactly the same:

{
  "registries": {
    "@oward": "https://ui.oward.net/registry/{name}.json"
  }
}

Introduction

A personal shadcn registry focused on DX and productivity.

Colors

Collection of semantic color tokens built on the Shadcn model.

On this page

InstallationUsing oward-ui CLI (Recommended)Using the @oward namespace