tokcss takes design tokens (JSON) and outputs clean, predictable CSS variables—no runtime, no framework lock-in.
npm install tokcsstokcss is a CLI that converts design tokens into clean, predictable CSS variables.
{
"DesignSystem": {
"Global": {
"0": "0px",
...
}
}
}
`
$3
`
:root {
--DesignSystem-Global-0:0px;
...
}
`
Installation
`
npm i tokcss
`
Usage
`javascript
//tokcss -p[ath] [folder/file]
tokcss -p ./files/
tokcss -p ./token.json
``