fullstack ai components
auth & billing UI, as react components
drop @hyperyai/sdk into any react app. sign-in, user button, and the billing modals that pop on a 402 — all wired to the gateway, all yours to restyle.
- <SignedIn>, <SignedOut>, <UserButton>, <SignIn> — drop-in, restyleable
- oauth 2.0 + pkce, passkeys, magic link, and social login
- restriction modals that open themselves when a request hits a limit
import { HyperyProvider, SignedIn, SignedOut, SignIn, UserButton } from "@hyperyai/sdk" export default function Layout({ children }) { return ( <HyperyProvider config={{ clientId: process.env.NEXT_PUBLIC_HYPERY_CLIENT_ID, redirectUri: "https://yourapp.com/callback", gatewayUrl: "https://hypery.ai", }}> <SignedIn> <UserButton /> {children} </SignedIn> <SignedOut> <SignIn /> </SignedOut> </HyperyProvider> )}openai + vercel ai compatible
a backend that speaks openai
point any openai-compatible client at the gateway. swap one base url for 200+ models, automatic routing, and usage-based billing — no rewrites.
- works with the openai sdk, vercel ai sdk, and langchain
- 200+ models across openrouter, replicate, and huggingface
- streaming, usage metering, and spend caps built in
import OpenAI from "openai" const client = new OpenAI({ baseURL: "https://hypery.ai/v1", apiKey: process.env.GATEWAY_API_KEY,}) await client.chat.completions.create({ model: "anthropic/claude-3.5-sonnet", // routed automatically messages: [{ role: "user", content: "hello" }],})the platform
one platform, four pillars
authentication, an ai gateway, usage billing, and user management — built to work together so you don't bolt on three separate vendors.
authentication
drop-in login — passkeys, magic link, social, and 2fa — plus sessions and a full oauth 2.0 provider, all from the @hyperyai/sdk react sdk.
ai gateway
one openai-compatible endpoint fronting 200+ models across openrouter, replicate, and huggingface. streaming, tools, and vision included.
usage billing
metered credits with auto top-up, prepaid balances, team and per-app spending limits, and billing modals that open themselves on a 402.
user management
teams, roles, and workspaces — plus a console where your users see and revoke every app they've authorized, with per-app limits.