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: 5 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 (about 3 years ago)
• Default Branch: main
• Last Pushed: 2025-01-24T18:21:21.000Z (13 days ago)
• Last Synced: 2025-01-24T23:10:03.576Z (13 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.57 MB
• Stars: 175
• Watchers: 7
• Forks: 32
• Open Issues: 27
• 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).