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