> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mygigsters.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Embedded super components

> Drop MyGigsters' pre-built employer and freelancer onboarding screens into your product instead of building your own.

You don't have to build super onboarding yourself. MyGigsters provides front-end components that you embed in your React app. They handle employer onboarding, freelancer onboarding, magic-link invites, and bulk upload. No backend work and no routing setup.

> [!NOTE]
>
> This is the front-end option. If you'd rather build your own screens, use the API: [Onboard an employer](https://docs.mygigsters.com/super/guides/onboard-an-employer.md) and [Add employees](https://docs.mygigsters.com/super/guides/add-employees.md).

## What's included

> [card] [Employer onboarding](https://docs.mygigsters.com/super/components/employer-onboarding.md)
>
> A five-step form that registers the business, its contact, and its direct debit account.

> [card] [Freelancer onboarding](https://docs.mygigsters.com/super/components/employee-onboarding.md)
>
> A three-step form that collects personal details and finds the freelancer's super fund.

> [card] [Management dashboard](https://docs.mygigsters.com/super/components/dashboard.md)
>
> Invite, track, remind, and bulk-upload employers and freelancers.

> [card] [Install and embed](https://docs.mygigsters.com/super/components/install.md)
>
> Add the package and mount a component. Setup takes less than 30 minutes.

## Choose a component

There are two components. Both render inside your existing layout, so your sidebar, header, and navigation stay intact.

| | `SuperManagementEmbed` | `SuperApp` |
| - | - | - |
| Best for | Onboarding and fund management without contributions | Teams using the Super API for contributions, who want the full experience |
| Talent tab: invite, view, onboard | Yes | Yes |
| Clients tab: invite, view, onboard | Yes | Yes |
| Payments tab: contributions and history | No | Yes |
| Freelancer onboarding (3 steps, with ATO fund lookup) | Yes | Yes |
| Employer onboarding (5 steps) | Yes | Yes |
| Magic-link invites | Yes | Yes |
| Bulk upload | Yes | Yes |
| Needs your app's router | No | Yes, React Router v6 or later |
| Extra dependencies | None | `react-router-dom`, `@tanstack/react-query` |

```text Layout theme={null}
┌─────────────────────────────────────────────────────┐
│  Your App Header                                    │
├──────────────┬──────────────────────────────────────┤
│              │  ┌ Talent ┬ Clients ┐                │
│  Your        │  │                  │                │
│  Sidebar     │  │  Super widget    │                │
│              │  │  renders here    │                │
│              │  └──────────────────┘                │
└──────────────┴──────────────────────────────────────┘
```

## Get access

Email [hello@mygigsters.com.au](mailto:hello@mygigsters.com.au) with:

* your application's base URL, so your credentials can be provisioned
* whether you use the Super API to make contributions, which decides the component that fits
* whether you need worker sync enabled

You'll receive your `apiUsername` and `apiPassword` credentials and the current package tag.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.