# Unidy Web SDK Demo

> Interactive developer demo for @unidy.io/sdk — framework-agnostic web components for
> authentication, registration, user profiles, newsletters, tickets, subscriptions and
> transactions. Each guide below contains the exact, runnable HTML snippets that power the
> live demo pages (zero drift: the shown code IS the running code).

The SDK is loaded from a CDN and configured with a single <u-config> element; no build
step or framework is required. A headless JavaScript API (Auth, getUnidyClient) covers
everything the components do.

## Integration guides

- [Authentication integration guide](https://sdk-demo.unidy.io/guides/auth.md): Sign users in with email + password, magic codes, passkeys or social providers.
- [Registration integration guide](https://sdk-demo.unidy.io/guides/registration.md): 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.
- [Profile integration guide](https://sdk-demo.unidy.io/guides/profile.md): Let signed-in users view and edit their profile.
- [Newsletter integration guide](https://sdk-demo.unidy.io/guides/newsletter.md): 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.
- [Tickets integration guide](https://sdk-demo.unidy.io/guides/tickets.md): List, filter, paginate and export a user's tickets with <u-ticketable-list>.
- [Subscriptions integration guide](https://sdk-demo.unidy.io/guides/subscriptions.md): Memberships and recurring subscriptions use the same <u-ticketable-list> component as tickets — set ticketable-type="subscription".
- [Transactions integration guide](https://sdk-demo.unidy.io/guides/transactions.md): Show a user's order and payment history with <u-transaction-list>.
- [Headless / JS API integration guide](https://sdk-demo.unidy.io/guides/headless.md): Everything the components do is available programmatically.

## Reference

- [Component reference (SDK readme)](https://github.com/UnidyID/unidy-sdk/blob/HEAD/packages/sdk/readme.md): full attribute/event/part documentation for every u-* component.
- [Official quick-start examples](https://github.com/UnidyID/unidy-sdk/blob/HEAD/packages/sdk/quick-start-examples.md): self-contained single-file examples.
- [@unidy.io/sdk on npm](https://www.npmjs.com/package/@unidy.io/sdk)

## Notes

- Components not shown in the demos: u-captcha-field (renders only when CAPTCHA is enabled
  in the tenant), u-spinner (loading indicator utility), u-brand-connect-button and the
  u-oauth-* family (used when Unidy acts as OAuth provider for third-party apps). See the
  component reference for details.