@zautha/ui

Prebuilt Zautha components: sign-in, sign-up, user button and OAuth consent. They work under a strict Content Security Policy (no inline scripts or styles) and follow your instance's branding from the dashboard.

Install

npm i @zautha/js @zautha/ui

Quickstart

import { Zautha } from "@zautha/js";
import { ui } from "@zautha/ui";
import "@zautha/ui/styles.css";

const zautha = new Zautha("pk_test_…", { ui });
await zautha.load();
zautha.mountSignIn(document.getElementById("sign-in"));

With React, use the same components through @zautha/react.

Customize with appearance (new Zautha(pk, { ui, appearance })): a theme (auto, light, dark, or shadcn from @zautha/ui/themes), CSS variables and per-element classes. Localizations (English, Turkish) come from @zautha/ui/localizations.

License

MIT, see LICENSE.