Skip to content

Stratos Styling React Demo


The perfect way to start learning how awesome Style Dictionary truly is, experience it yourself by manipulating the design tokens directly in Sketch.

We reverse engineered the official Style Dictionary React demo so that you can play around with it directly from Sketch and Stratos Tokens 2021.
We also created a custom config.json that’s included in the download. Replace the default one in the Stratos Tokens project folder and you will have a true 1:1 design to code workflow.

Try it out in CodeSandbox

We made it even easier for you by uploading the entire React demo as a CodeSandbox template so you don’t even need to install it locally on your computer machine. Talk about manipulating you into really liking this.

See it in action

Related tutorial

How to get started with Style Dictionary & Stratos Tokens

Prefer doing this through an API?

We have just sneak-released not one, but two design token API’s based on our Tropos engine, same engine that powers Stratos Tokens.