MCPcopy Index your code
hub / github.com/coinbase/cds

github.com/coinbase/cds @v9.0.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v9.0.0 ↗ · + Follow
4,297 symbols 12,877 edges 9,090 files 140 documented · 3%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Coinbase Design System

Coinbase Design System

Welcome to the Coinbase Design System (CDS)!

Please visit our website https://cds.coinbase.com for the latest documentation.

Setup

  1. Clone the repository
git clone git@github.com:coinbase/cds.git
cd cds
  1. Use the correct Node.js version

We suggest nvm to manage Node.js versions. If you have it installed, you can use these commands to set our current Node.js version.

nvm install
nvm use
corepack enable
  1. Install dependencies
yarn install

Quick Start

Run one of the available apps to get started:

Storybook (Web)

yarn nx run storybook:dev

Documentation Site

yarn nx run docs:dev

Mobile App

# Launch local debug builds
yarn nx run expo-app:launch:ios-debug
yarn nx run expo-app:launch:android-debug

Contributing

We welcome contributions to the Coinbase Design System! Please read our Contributing Guide for details on our development process, coding standards, and how to submit pull requests.

Versioning

CDS generally follows Semantic Versioning.

We aim to preserve type/public API compatibility across minor and patch releases. Visual changes are allowed in minor releases. Review changelog entries and validate UI when upgrading.

Security

For information about reporting security vulnerabilities, please see our Security Policy.

License

This project is licensed under the terms described in LICENSE.

Extension points exported contracts — how you extend this code

SpectrumHue (Interface)
(no doc)
packages/common/src/core/theme.ts
ICX (Interface)
(no doc)
packages/web/src/cx.ts
Violation (Interface)
(no doc)
packages/mobile/jest/accessibility/engine.ts
RootParamList (Interface)
(no doc)
apps/expo-app/src/playground/types.ts
SpectrumHueStep (Interface)
(no doc)
packages/common/src/core/theme.ts
Properties (Interface)
(no doc)
packages/web/src/system/ThemeProvider.tsx
EngineOptions (Interface)
(no doc)
packages/mobile/jest/accessibility/engine.ts
Color (Interface)
(no doc)
packages/common/src/core/theme.ts

Core symbols most depended-on inside this repo

useTheme
called by 259
packages/mobile/src/hooks/useTheme.ts
cx
called by 221
packages/web/src/cx.ts
useMultiSelect
called by 175
packages/common/src/select/useMultiSelect.ts
renderA11y
called by 139
libs/web-utils/src/jest/renderA11y.ts
error
called by 121
packages/migrator/src/utils/logger.ts
useComponentConfig
called by 93
packages/web/src/hooks/useComponentConfig.ts
useTheme
called by 81
packages/web/src/hooks/useTheme.ts
useComponentConfig
called by 77
packages/mobile/src/hooks/useComponentConfig.ts

Shape

Function 4,195
Method 60
Interface 24
Class 18

Languages

TypeScript100%

Modules by API surface

packages/mobile/src/alpha/select/__stories__/AlphaSelect.stories.tsx60 symbols
packages/web/src/alpha/combobox/__stories__/Combobox.stories.tsx58 symbols
packages/web/src/alpha/select/__stories__/Select.stories.tsx56 symbols
packages/mobile/src/alpha/combobox/__stories__/Combobox.stories.tsx46 symbols
libs/type-analyzer/src/analyzeType.ts35 symbols
packages/web/src/visualizations/sparkline/sparkline-interactive/__stories__/SparklineInteractive.stories.tsx32 symbols
packages/web/src/controls/__stories__/TextInput.stories.tsx32 symbols
packages/web/src/layout/__stories__/Box.stories.tsx31 symbols
packages/web/src/visualizations/chart/line/__stories__/LineChart.stories.tsx29 symbols
packages/web/src/typography/__stories__/Text.stories.tsx28 symbols
packages/web/src/alpha/select/__stories__/MultiSelect.stories.tsx28 symbols
packages/mobile/src/numbers/__stories__/RollingNumber.stories.tsx27 symbols

For agents

$ claude mcp add cds \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page