Crash Override · shadcn registry

React Design System

The Crash Override Design System packaged as a public shadcn registry — a brand theme plus 60+ branded components and composite blocks, installable into any shadcn app.

Tag. Track. Trust.

Consume the registry

Point your components.json at the @crashoverride namespace:

// components.json
{
  "registries": {
    "@crashoverride": "https://crashappsec.github.io/react-registry/r/{name}.json"
  }
}

Install the theme first (it carries the brand tokens + fonts), then add components and blocks:

# the theme is the keystone — install it before anything else
npx shadcn add @crashoverride/theme

# then any component or block
npx shadcn add @crashoverride/button
npx shadcn add @crashoverride/stat-card-row

Brand in one breath

Dark-first surfaces · Atomic-lime primary (Fandango in light) · JetBrains Mono (display) / Inter (body) / Geist Mono (mono) · sharp 4px radius. The theme item ships the oklch light+dark bridge so every component tracks both modes automatically.

Available items (69)

Theme (1)

theme

Components (64)

layout divider separator button card badge input label field textarea select checkbox switch radio-group slider toggle toggle-group dialog sheet drawer popover tooltip dropdown-menu command combobox tabs accordion collapsible alert-dialog table alert progress skeleton avatar scroll-area spinner breadcrumb pagination navigation-menu context-menu hover-card menubar sidebar icon-button button-group aspect-ratio input-group input-otp native-select resizable carousel toaster calendar date-picker status-badge tag kbd empty item typography code-panel chart logo tagline

Blocks (3)

stat-card-row service-detail-header service-table

Hooks (1)

use-mobile

Each item is served as JSON at /r/<name>.json.

Brand guidelines

Source

crashappsec/react-registry — see the README for full consumption docs. The build plan and design spec live in the COMPASS repo under docs/superpowers/plans/.

License: to be finalized by Crash Override, Inc.