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
3
Applications
2
Private Registries

Explore our platform

Science lab
Registry

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
Data science
Reference

Showcase App

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

Layouts Examples Prose API
Scientists
Prototypes

Prototype Apps

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

Astro React Tailwind

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.

Start building today

Clone the repo, install components from the private registry, and ship research applications faster.