---
title: Introduction
description: Extend SuperTokens functionality with official plugins for enhanced authentication features.
sidebar:
  order: 1
---

## Overview

Plugins are an extension system that allows you to include additional functionality to your **SuperTokens** authentication flows without modifying the core recipes.
They work on top of the existing authentication methods and provide seamless integration for common requirements.

## Before you begin

Plugins are supported only by the `React` and `Node.js` SDKs.
Support for other platforms is under active development.


## References

The official plugins repository is available [on GitHub](https://github.com/supertokens/supertokens-plugins).
You can check the documentation reference pages for a high level overview of the components of each plugin.

<CardGroup cols={3}>
  <Card title="captcha-react" href="/references/plugins/captcha-react">

</Card>
  <Card title="captcha-nodejs" href="/references/plugins/captcha-nodejs">

</Card>
  <Card title="user-banning-react" href="/references/plugins/user-banning-react">

</Card>
  <Card title="user-banning-nodejs" href="/references/plugins/user-banning-nodejs">

</Card>
  <Card title="tenant-discovery-react" href="/references/plugins/tenant-discovery-react">

</Card>
  <Card title="tenant-discovery-nodejs" href="/references/plugins/tenant-discovery-nodejs">

</Card>
  <Card title="opentelemetry-nodejs" href="/references/plugins/opentelemetry-nodejs">

</Card>
  <Card title="profile-base-react" href="/references/plugins/profile-base-react">

</Card>
  <Card title="profile-details-nodejs" href="/references/plugins/profile-details-nodejs">

</Card>
  <Card title="profile-details-react" href="/references/plugins/profile-details-react">

</Card>
  <Card title="progressive-profiling-nodejs" href="/references/plugins/progressive-profiling-nodejs">

</Card>
  <Card title="progressive-profiling-react" href="/references/plugins/progressive-profiling-react">

</Card>
  <Card title="tenants-nodejs" href="/references/plugins/tenants-nodejs">

</Card>
  <Card title="tenants-react" href="/references/plugins/tenants-react">

</Card>
</CardGroup>


## How it works

Each plugin relies on the override mechanism exposed by the SDKs.
Custom features get injected by overriding existing functions and components.

If you want to read more on the customization points, check out the following sections:

<CardGroup cols={3}>
  <Card title="Frontend Function Overrides" href="/references/frontend-sdks/function-overrides">

</Card>
  <Card title="React Component Overrides" href="/references/frontend-sdks/prebuilt-ui/override-react-components">

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

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

</Card>
</CardGroup>
