https://github.com/terrazzoapp/terrazzo
Use DTCG tokens JSON to generate code for web, mobile, native apps, and more
https://github.com/terrazzoapp/terrazzo
css design design-system design-systems design-tokens dtcg sass style style-tokens tokens typescript w3c
Last synced: 17 days ago
JSON representation
Use DTCG tokens JSON to generate code for web, mobile, native apps, and more
- Host: GitHub
- URL: https://github.com/terrazzoapp/terrazzo
- Owner: terrazzoapp
- License: mit
- Created: 2021-11-17T16:10:00.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-05-14T18:51:52.000Z (17 days ago)
- Last Synced: 2025-05-15T05:07:28.191Z (17 days ago)
- Topics: css, design, design-system, design-systems, design-tokens, dtcg, sass, style, style-tokens, tokens, typescript, w3c
- Language: TypeScript
- Homepage: https://terrazzo.app
- Size: 9.83 MB
- Stars: 199
- Watchers: 7
- Forks: 38
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# ⛋ Terrazzo Monorepo
This repo serves as the home for:
- [Terrazzo CLI](https://terrazzo.app/docs/cli): generate code from [DTCG tokens](https://tr.designtokens.org/format/) (formerly known as “Cobalt UI”)
- [CSS](https://terrazzo.app/docs/cli/integrations/css)
- [Sass](https://terrazzo.app/docs/cli/integrations/sass)
- [JS/TS](https://terrazzo.app/docs/cli/integrations/js)
- [Swift](https://terrazzo.app/docs/cli/integrations/swift)
- [Tailwind](https://terrazzo.app/docs/cli/integrations/tailwind)
- [Terrazzo Color Picker](https://terrazzo.app/docs/components/color-picker), a futuristic colorpicker that can handle wide gamut and high bit-depth colors in stunning color reproduction
- [Terrazzo Tiles DS](./packages/tiles/): a design system for _documenting_ design systems
- Token Lab (coming soon): generate design systems from scratch, or start from an existing OSS design system
### 🔹 Cobalt UI
Cobalt UI 2.0 was renamed to Terrazzo (same project, same people). To see the code for Cobalt 1.0, see the [1.x branch](https://github.com/terrazzoapp/terrazzo/tree/1.x).