Docs

Choose a provider access mode, then follow the walkthrough.

What brings you here?

Restormel Keys is a product in the Restormel platform. It’s designed to slot into your existing stack. It complements provider-access layers like OpenRouter, Vercel AI Gateway, and Portkey, and it also supports direct providers when you manage credentials in your own environment. This doc set covers install, framework choice, provider access modes, the Restormel Resolve API surface, and the Dashboard.

Products and components

  • Restormel Keys — routing, policies, cost, and embeddable UX for AI apps.
  • Restormel Resolve — the API surface that returns the provider/model decision for a request.
  • Restormel Doctor — health checks for framework + config.
  • Restormel Validate — verification checks for provider access and stored credentials (CI-friendly).

Start with Next.js

Using Next.js App Router? Install the core plus React and Web Components. Full path: Framework compatibility.

bash
pnpm add @restormel/keys @restormel/keys-react @restormel/keys-elements

Choose a provider access mode

Before you wire anything, decide how your stack will reach providers. Restormel does not need to hold raw provider secrets by default. See Provider access modes for a simple decision tree.

Pick your framework

One core; different wrappers. Use the headless API for resolution and cost on the server; add UI (KeyManager, ModelSelector, CostEstimator) where it fits.

FrameworkPackage pathStatus
Next.js / React@restormel/keys + @restormel/keys-react + @restormel/keys-elements✅ Supported
SvelteKit@restormel/keys + @restormel/keys-svelte✅ Supported
Web Components / Astro / vanilla@restormel/keys + @restormel/keys-elements✅ Supported
Vue / NuxtHeadless or elements for now🔵 Planned

Framework compatibility has install commands, when-to-use guidance, and the full Next.js walkthrough.

Quick links