kratos
Orion

Orion

The first codenamed design system in kratos.

Orion is a self-contained shadcn registry — its own components, hooks, and blocks, installable independently in any project.

Installation

Add the registry to your project's components.json:

{
  "registries": {
    "@kratos-orion": "https://<your-domain>/r/orion/{name}.json"
  }
}

Then install any item by name:

pnpm dlx shadcn@latest add @kratos-orion/button

What's in Orion

  • Components — UI primitives like Button.
  • Hooks — utility hooks like useCopyToClipboard.
  • Blocks — composed sections like EmptyState.

On this page