# API References

### Exposed APIs

```typescript
import {
    createMakeAndWithStyles, //<- Create an instance of makeStyles() and withStyles() for your theme.
    keyframes, //<- The function as defined in @emotion/react and @emotion/css
    GlobalStyles, //<- A component to define global styles.
    TssCacheProvider, //<- Provider to specify the emotion cache tss should use.
    useCssAndCx, //<- Access css and cx directly.
    //   (Usually you'll use useStyles returned by makeStyles or createMakeStyles for that purpose
    //    but if you have no theme in your project, it can come in handy.)
    useMergedClasses //<- Merge the internal classes an the one provided as props into a single classes object.
} from "tss-react";
```

{% content-ref url="page-1/makestyles-usestyles" %}
[makestyles-usestyles](https://docs.tss-react.dev/v3-1/page-1/makestyles-usestyles)
{% endcontent-ref %}

{% content-ref url="page-1/withstyles" %}
[withstyles](https://docs.tss-react.dev/v3-1/page-1/withstyles)
{% endcontent-ref %}

{% content-ref url="page-1/globalstyles" %}
[globalstyles](https://docs.tss-react.dev/v3-1/page-1/globalstyles)
{% endcontent-ref %}

{% content-ref url="page-1/keyframes" %}
[keyframes](https://docs.tss-react.dev/v3-1/page-1/keyframes)
{% endcontent-ref %}

{% content-ref url="page-1/usemergedclasses" %}
[usemergedclasses](https://docs.tss-react.dev/v3-1/page-1/usemergedclasses)
{% endcontent-ref %}