Unidy Web SDK
Drop-in web components for authentication, registration, profiles, newsletters, tickets and more — framework-agnostic, themeable with plain CSS, working against a live Unidy tenant on every page of this demo.
Three tags to production
The SDK ships as standard web components: load one script, configure your tenant with <u-config>, and compose UI from u-*
elements — in any framework or none. Every demo on this site shows its real running source
under “Show integration code”.
Building with an AI agent? Point it at /llms.txt — every page here is also available as a Markdown integration guide.
<!-- 1. Load the SDK from the CDN -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@unidy.io/sdk@1.8.1/dist/sdk/sdk.esm.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@unidy.io/sdk@1.8.1/dist/sdk/sdk.css">
<!-- 2. Configure it for your Unidy tenant -->
<u-config
base-url="https://hammarby.staging.unidy.app"
api-key="your-api-key"
locale="en"
check-signed-in="true"></u-config>
<!-- 3. Use any component -->
<u-signed-in not>
<u-signin-root>
<u-signin-step name="email">
<u-email-field placeholder="Enter your email"></u-email-field>
<u-submit-button for="email" text="Continue"></u-submit-button>
</u-signin-step>
</u-signin-root>
</u-signed-in>Explore the SDK
Authentication
Sign users in with email + password, magic codes, passkeys or social providers. u-signin-root drives a multi-step flow: you declare one u-signin-step per state, the SDK decides which one is active — and u-conditional-render adapts each step to what the account actually supports.
5 demos →Registration
A complete multi-step sign-up built from u-registration-root: you declare the step order once, and steps that don't apply — password for social sign-ups, email verification after a resume, legacy-account matching when disabled — skip themselves. Interrupted and invited users are handled too.
3 demos →Profile
Let signed-in users view and edit their profile. Compose your own form field-by-field with u-profile + u-field, or drop in u-full-profile for a complete UI in one tag. Custom attributes, SSO navigation to connected services, and account deletion round it out.
5 demos →Newsletter
Newsletter subscriptions work with or without an account: anonymous visitors subscribe with just an email (double opt-in), while identified users manage subscriptions and preferences in place. All state handling — has the visitor entered an email, are they subscribed, is the subscription confirmed — is exposed through u-conditional-render.
2 demos →Tickets
List, filter, paginate and export a user's tickets with u-ticketable-list. Templates are plain HTML — the SDK stamps one copy per ticket and fills in ticketable-value placeholders, so you keep full control over markup and styling.
2 demos →Subscriptions
Memberships and recurring subscriptions use the same u-ticketable-list component as tickets — set ticketable-type="subscription". Filter by state for an active-only view, or show the full history with colored state badges.
2 demos →Transactions
Show a user's order and payment history with u-transaction-list. It follows the same template pattern as tickets — transaction-value placeholders, filter attribute, pagination — over transaction data synced into Unidy from your shop or ERP.
2 demos →Headless / JS API
Everything the components do is available programmatically. Import Auth and getUnidyClient from the SDK module to read auth state, call the profile/newsletter/ticket/subscription APIs directly, and combine the results with any library — no u-* markup required.
3 demos →