A unified frontend platform with branded component registries, reference implementations, and rapid prototyping tools for Genentech research applications.
Base UI components with Genentech design tokens. Browse the catalog, preview themes, and install via the @cs-coe shadcn registry.
Reference implementations including PerturbSeq, GYDE, BioNav, FoxHog, and reusable layout patterns for research applications.
Rapid prototypes: LitLMol Launch Control, Orbital Dashboard, Small Molecule Designer, Antibody Workbench, and more.
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.