Skip to content

CYBR//UI · SHADCN REGISTRY · REV 0.1 · SYS:OK

Cyberpunk
Brutalism_

Animated React components for Next.js and Tailwind. Hard edges, offset shadows, mechanical motion. Copy the source or install one at a time with the shadcn CLI.

Browse components →
COMPONENTS
38
SETS
7
THEME PRESETS
3

Install

  1. 1. Map the @cybr namespace, once per project. Add this inside your components.json, or into its existing "registries" object. No components.json yet? Run npx shadcn@latest init first to create one.

    "registries": { "@cybr": "https://cybr-ui.com/r/{name}.json" }

  2. 2. Add components:

    $ npx shadcn@latest add @cybr/all

If shadcn reports Unknown registry "@cybr", step 1 is missing from that project's components.json.

Installs all 38 components with the tokens, effects and helpers they need. To add one at a time, pick it from the component index and use the install command on its page.

01 / Sets

02 / Live specimens

BTN-01 · BTN-04
Hard-Offset Button →Terminal Button →
TXT-04 · UPTIME HRS8,760Telemetry Counter →
NAV-06
SYNCING
Segmented Progress →