Reown allows you to customize the look and feel of the UI, including its theme (light or dark), colors and fonts. Plus, you can also add polished functionality to your app with pre-built UI components.
Theming#
Theming settings allow you to:
- Attach your app's theme to the user's system settings (light or dark)
- Override system theme settings and enforce either a light or dark theme.
- Set specific colors for your theme that align with your brand identity, including backgrounds, buttons, icons, labels & more.
- Pick a font that aligns with your brand identity and set its size
To learn more about theming settings, visit the theming page for your chosen framework.
Explore React Theming Settings
Explore Next.js Theming Settings
Explore Vue Theming Settings
Explore Svelte Theming Settings
Explore Nuxt Theming Settings
Explore JavaScript Theming Settings
Explore React Native Theming Settings
Explore Flutter Theming Settings
Explore Android Theming Settings
Explore Unity Theming Settings
Components#
Reown also offers pre-built UI components that you can include in your UI immediately to allow specific functions. These include components such as:
- Wallet Buttons: Provide buttons specifically for wallet connections without triggering the full connection modal
- Connect Button: Allows user to connect a wallet
- Account Button: Allows users to open account view
- Network Button: Lets the user switch networks
To learn more about pre-built components, head to the components page for your chosen framework.