---
title: References
description: Explore SuperTokens concepts, APIs, and advanced customization options for authentication integration.
sidebar:
  label: Overview
  order: 10
---

Discover the underlying concepts and the APIs exposed by **SuperTokens**.

## SDK and API References

Read through detailed information on entities that you encounter while using **SuperTokens**.

<CardGroup cols={3}>
  <Card title="Frontend SDK Reference" icon="monitor-smartphone" href="/references/frontend-sdks/reference">
Information on how the frontend SDKs have a structure and how to use them.
</Card>
  <Card title="Backend SDK Reference" icon="server" href="/references/backend-sdks/reference">
Information on the structure of the backend SDKs and how to use them.
</Card>
    <Card title="FDI Reference" icon="brackets" href="/references/fdi/introduction">
Details about the endpoints exposed by the **Frontend Driver Interface**.
       This is the API enabled by the backend SDKs.
</Card>

    <Card title="CDI Reference" icon="database" href="/references/cdi/introduction">
Details about the endpoints exposed by the **Core Driver Interface**.
       This is the API enabled by the SuperTokens Core Service.
</Card>
		
</CardGroup>


## Advanced customisation

See how you can fine-tune your authentication flow by using specific SDK features.


<CardGroup cols={3}>
  <Card title="Frontend Hooks" icon="webhook" href="/references/frontend-sdks/hooks">

</Card>
  <Card title="Frontend Function Overrides" icon="code-2" href="/references/frontend-sdks/function-overrides">

</Card>

  <Card title="Backend Function Overrides" icon="code-2" href="/references/backend-sdks/function-overrides">

</Card>

  <Card title="Backend API Overrides" icon="wrench" href="/references/backend-sdks/api-overrides">

</Card>
  <Card title="React Components Override" icon="component" href="/references/frontend-sdks/prebuilt-ui/override-react-components">

</Card>
  <Card title="Pre-Built UI Theming" icon="palette" href="/references/frontend-sdks/prebuilt-ui/changing-colours">

</Card>
</CardGroup>