<p align="center"><img src="https://element.io/images/logo-ele-secondary.svg" width="300" /></p>

# Compound design tokens

[![](https://img.shields.io/github/license/vector-im/compound)](https://github.com/vector-im/compound/blob/main/LICENSE)
[![npm](https://img.shields.io/npm/v/@vector-im/compound-design-tokens)](https://www.npmjs.com/package/@vector-im/compound-design-tokens)

Home to the design tokens.

## ✅ Supported platforms

Design tokens support light and dark themes, as well as a mode with higher contrast.
Tokens are exported to three platforms

- **Web**
  - CSS properties
  - JavaScript
- **iOS**
  - Swift
- **Android**
  - Kotlin

## 📗 Documentation

- [Development](./docs/development.md)
- [Icons](./docs/icons.md)
- [Release](./docs/release.md)
- [Synchronise with Figma](https://compound.element.io/?path=/docs/design-get-started--docs)
