Openfort UI Customization

Providers
• Guest
• Email
• Wallet
• Google
• Facebook
• X
Drag and drop to reorder providers
Click to enable or disable providers

Themes

midnight

soft

retro

minimal

web95

rounded

nouns

Customization through the OpenfortProvider

Customize the look and feel of Openfort's UI components to match your brand. Options include:

• Overriding default styles and themes
• Customizing modal layout and button appearance

Openfort UI is designed for flexibility—extend or replace components as needed to offer a seamless, branded experience for your users.

<OpenfortProvider
  publishableKey="YOUR_OPENFORT_PUBLISHABLE_KEY"
  
  // ... other props
 
  uiConfig={
    theme: "YOUR_THEME",  
    mode: "dark",  
    customTheme: {  
      '--ck-font-family': 'monospace', 
      '--ck-color-background': '#ccc'
    }, 
  }
 
  // ... other props
>
  {/* Your app here */}
</OpenfortProvider>

Theme

Choose a theme among one of:

• auto
• web95
• retro
• soft
• midnight
• minimal
• rounded
• nouns

Custom Theme

Openfort UI uses ConnectKit, and offers the same theming and customization options. You can edit fonts, colors, and other styling via the theme and customTheme props. For detail, see the ConnectKit docs.

More customization

If you want to customize your authentication further, use the authentication hooks