Skip to main content


Firstly, the CSS-in-JS solution requires compiling your design system into expanded design tokens with either the web-tsx, web-jsx, native-tsx, or native-jsx formats.

Next you'll need to install an integration of your choice.

yarn add @aesthetic/<integration>

Lastly, create a setup file for Aesthetic based configuration, typically within your project source. We'll name ours setup.ts going forward.

touch setup.ts


In this documentation, you'll come across code examples that import from @aesthetic/<integration>. This module should be replaced with your integration of choice. For example, if you're using React, you should import from @aesthetic/react instead.