Genentech · Computer Science Center of Excellence

Build the future of science applications

A unified frontend platform with branded component registries, reference implementations, and rapid prototyping tools for Genentech research applications.

40+

UI Components

Applications

Private Registries

Applications

Explore our platform

Component Library →

Base UI components with Genentech design tokens. Browse the catalog, preview themes, and install via the @cs-coe shadcn registry.

shadcn/ui Radix UI 40+ components

Showcase App →

Reference implementations including PerturbSeq, GYDE, BioNav, FoxHog, and reusable layout patterns for research applications.

Layouts Examples Prose API

Prototype Apps →

Rapid prototypes: LitLMol Launch Control, Orbital Dashboard, Small Molecule Designer, Antibody Workbench, and more.

Astro React Tailwind

Presentations →

Readouts and working narratives for the CS CoE Frontend Tech Solutions team, starting with the Monet Wave 1 readout.

Monet DevEx Readouts

Private Registries

Install components with shadcn CLI

Setup

Add the registries to your project's components.json. The shadcn CLI resolves ${GITHUB_TOKEN} from your environment automatically.

{
  "registries": {
    "@cs-coe": {
      "url": "https://raw.githubusercontent.com/roche-innersource/cscoe-frontend/main/components/public/r/styles/default/{name}.json",
      "headers": {
        "Authorization": "token ${GITHUB_TOKEN}"
      }
    },
    "@showcase": {
      "url": "https://raw.githubusercontent.com/roche-innersource/cscoe-frontend/main/showcase-app/public/r/styles/default/{name}.json",
      "headers": {
        "Authorization": "token ${GITHUB_TOKEN}"
      }
    }
  }
}

See the full new project setup guide for step-by-step instructions.