Sembol · Passkey wallets for Stellar

Theme builder

Restyle the wallet to your brand. Every control edits a typed SembolTheme, live.

Preset

Brand

Accent color#4f46e5Text on accent#ffffffBackgroundautoDark modeCorner radius · 10pxShadowsFont

Preview

Just the demo canvas. Not part of your config.

Behind the widgetauto

Your config

Paste this into your app. That is the whole integration.

<PasskeyWalletProvider
  config={config}
  theme={{
    "colorScheme": "light",
    "accent": "#4f46e5",
    "colors": {
      "onAccent": "#ffffff"
    },
    "radius": 10,
    "shadows": true
  }}
>

Every component, every state: live Storybook

Your app

Real components from @sembol/passkey-react, wearing your theme.

–

Preview only · create a real wallet from Try the wallet