Skip to main content


The React integration provides a bridge between Aesthetic core and React itself. It enables components to easily and fluently style themselves with design tokens compiled by a design system.


  • Styled component, Hook, and HOC based APIs for styling, accessing themes, and handling directionality.
  • Global, document, and element level styles powered through context.
  • Nested themes that avoid polluting the global scope.
  • First-class directionality support (RTL, LTR).


  • React 16.6+ / 17+