DTCG Packages

Lint your token schema for a11y errors. Can check your color + typography tokens for contrast, and more.

Generate CSS from your design tokens schema (requires @cobalt-ui/cli)

Generate JS, TS, and JSON from your design tokens schema (requires @cobalt-ui/cli)

Generate scss/sass from your design tokens schema (requires @cobalt-ui/cli)

Generate a [Tailwind CSS](https://tailwindcss.com/) preset from your design tokens.

CLI for managing design tokens using the Design Tokens Community Group (DTCG) standard and generating code for any platform via plugins.

Parser/validator for the Design Tokens Community Group (DTCG) standard.

Create, edit, and safe tokens.json in DTCG format

a TypeScript implementation of the parser for the W3C Design Tokens Format Module specification

Convert DTCG tokens into CSS variables for use in any web application or native app with webview.

Low-level logic and utilities for parsing DTCG and DTCG-like files

CLI for managing design tokens using the Design Tokens Community Group (DTCG) standard and generating code for any platform via plugins.

Parser/validator for the Design Tokens Community Group (DTCG) standard.

Convert DTCG tokens into CSS variables for use in any web application or native app with webview.

Generate JS, TS, and JSON from your design tokens schema (requires @terrazzo/cli)

Generate scss/sass from your design tokens schema (requires @terrazzo/cli)

Generate Swift code using DTCG tokens.

Create, edit, and safe tokens.json in DTCG format

Various utilities for token types

A Typescript implementation of the Design Tokens Format Module specification