Introduction
OPERATOR is a React design system for operational interfaces. It includes 75 component families, 6 patterns, 223 recommended icons, and the Bone theme.
Explore the system
| Start with | What you will find |
|---|---|
| Typefaces | Sans and Mono specimens, downloads and setup |
| Icons | 223 recommended UI, C2, and industrial icons in one catalog |
| Components | Previews, APIs and accessibility |
| Patterns | Working examples and source recipes |
| Verification | Interactive component checks |
Start building
- Import
@operator-ds/tokensand register@operator-ds/tailwind. The project README includes the complete setup, including the required Tailwind content glob for the compiled React bundle. - Choose components from the component reference and compose them using the pattern recipes.
- Give coding agents the manifest and integration guide. The CLI reference documents the local installer workflow.
Project status
The library and release tooling are implemented. Fonts remain development candidates.
Publication, deployment, human accessibility evaluation and conformance reports remain release work. See Accessibility and Standards.