Auth that converts.
AuthKit is a drop-in web component that makes shipping integrations for customers easy.
80% time saved during scoping.
90% decrease in build times.
5x faster time to market.
95% decrease in maintenance.
Engineering time is precious. Don't waste it.
Easy Configuration
Toggle the visibility of any user-facing integration with a single click.
Sandbox
Production
Environments
Maintain existing workflows and deploy integrations to isolated environments.
Secured by IntegrationOS
White label
Remove the "Secured by IntegrationOS" label to offer a fully branded experience.
Easy to install
$ npm i @integrationos/authkit
Quickstart
Everything you need to ship secure auth.
Generate secure tokens Use our token SDK to create an endpoint, which will be used to verify client-side requests.
app/api/token/route.ts
1 import { NextRequest, NextResponse } from "next/server";
2 import { AuthKitToken } from "@integrationos/authkit-node";
3
4 export async function POST(req: NextRequest) {
5 const authKitToken = new AuthKitToken('sk_live_1234');
6
7 const token = await authKitToken.create({
8 group: "org_123", // a meaningful identifier (i.e., orgId)
9 label: "Acme" // a human-friendly label (i.e., orgName)10 }),
11
12 return NextResponse.json(token);
13 }
2 import { AuthKitToken } from "@integrationos/authkit-node";
3
4 export async function POST(req: NextRequest) {
5 const authKitToken = new AuthKitToken('sk_live_1234');
6
7 const token = await authKitToken.create({
8 group: "org_123", // a meaningful identifier (i.e., orgId)
9 label: "Acme" // a human-friendly label (i.e., orgName)10 }),
11
12 return NextResponse.json(token);
13 }
Install AuthKit Add the UI component to your app and style it to your liking.
app/page.tsx
1 import { useAuthKit } from "@integrationos/authkit";
2
3 const { open } = useAuthKit({
4 token: {
5 url: "https://api.your-company-name.com/token",
6 headers: {},
7 },
8 onSuccess: (connections) => {},
9 onError: (error) => {},
10 onClose: () => {},
11 });
2
3 const { open } = useAuthKit({
4 token: {
5 url: "https://api.your-company-name.com/token",
6 headers: {},
7 },
8 onSuccess: (connections) => {},
9 onError: (error) => {},
10 onClose: () => {},
11 });
Configure integrations Toggle the integrations you'd like to make visible to your end users.
Proudly open source.
Our realtime integration middleware is available on GitHub. Feel free to read, review and contribute to the open codebase.
Ready to ship? Start building with a free account. Speak to an expert about Pro and Enterprise plans.
Trial IntegrationOS Enterprise to see our customizable platform, security and performance in action.
