RL Registry
Design series04

Blocks for every site we build.

Each series is a complete set of sections sharing one visual language. Install a whole series or a single block with the shadcn CLI, then theme it with tokens.

Add the registry to components.json
"registries": {
  "@rl": "https://ui.rodgerslabs.com/r/{name}.json"
}
01

Sera

Editorial monochrome. Hairline borders, mono indexes, sharp corners and quiet motion.

bunx --bun shadcn@latest add @rl/sera-theme @rl/sera --overwrite
View full page
02

Mira

Sera's layouts on shadcn's base-luma style: the same neutral palette and mono details, with rounded panels and pill buttons.

bunx --bun shadcn@latest add @rl/mira-theme @rl/mira --overwrite
View full page
03

Vera

Sera in cards. The same type and mono details, with content set in shadcn cards and space between them instead of hairline grids.

bunx --bun shadcn@latest add @rl/vera-theme @rl/vera --overwrite
View full page
04

Kira

Mira in cards. Rounded shadcn cards with soft shadows and generous spacing, on the base-luma style.

bunx --bun shadcn@latest add @rl/kira-theme @rl/kira --overwrite
View full page