The Unidy SDK brings login, profile, ticket entitlements, and consent right into your frontend. Your brand, your domain, your components. Fans never notice, except that everything just works.
npm install @unidy.io/sdk
Unidy supports both. The choice isn't technical, it's about the brand experience.
Fast to set up. The fan clicks login, gets briefly routed to a Unidy page, and lands back on yours. For most clubs, that's exactly right.
The login component lives directly on your site. No detour, no branding break, no tab switch. For clubs that want to control the fan experience end-to-end.
The SDK isn't a login widget. It's the kit for every fan touchpoint that belongs on your site.
<UnidyAuth />Passkeys, social login, magic link, password. Inline on your site. Session management and token refresh handled in the background.
<UnidyProfile />Fans update name, contact details, and preferences themselves. Custom attributes, validation, GDPR-compliant data control included. No support ticket per address change.
<UnidyConsent />GDPR-compliant double opt-in, consent screens, and promotion flags, embedded in your UI. Your opt-ins, not your newsletter tool's.
<UnidyGate />Unlock content and features based on tickets, season tickets, or memberships. If they have access, they see it. If not, they don't. No need to wire up login state yourself.
<UnidyWallet />Wallet pass for iOS and Android. Generated automatically, updates on change. No plastic, no print run, no postage, no returned mail.
<UnidyPreferences />Fans manage their communication preferences themselves, in your layout and colour scheme. Transparent data sovereignty that holds up to GDPR audits.
Your stack choice shouldn't dictate your SDK experience.
@unidy.io/sdkWeb ComponentsStencil web components. Framework-agnostic. Works in Vue, Angular, Svelte, vanilla JS, or any CMS that renders HTML.
<script src="https://cdn.unidy.io/sdk.js"></script> <unidy-login client-id="musterklub"></unidy-login>
@unidy.io/reactReact WrapperThe same components, as a React wrapper. Native state management, full TypeScript support. Optimised for React and Next.js.
import { UnidyLogin } from '@unidy.io/react' <UnidyLogin clientId="musterklub" />
One npm package. No external dependencies you don't already have.
$ npm install @unidy.io/react
Colours, fonts, logos. Tailwind, class names, or CSS shadow parts. Pull in whatever already lives in your design system.
export const clubTheme = { primary: '#0054ff', font: 'GT Walsheim', radius: 12, logo: '/logo.svg' }
One import, one JSX tag. Hand in the theme, you're done. The rest runs in your frontend.
import { UnidyLogin } from '@unidy.io/react' <UnidyLogin clientId="your-client-id" theme={clubTheme} />
npm install to first live login: typically under an hour. Your designers, your devs, no Unidy branding visible.From HSV, 1. FC Köln, Werder Bremen, FC St. Pauli, VfL Bochum and Hamburg Towers to the European League of Football. On the media side: Gruner+Jahr, BTC-Echo, Utopia and OMR. Unidy connects fan identities where they become commercially relevant.
Every component is live in our demo instance, fully themed for a sample club. Right in the browser, no setup. In the call, we'll show how it looks with your brand, your stack, and the systems you already run.
Read the docs →