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
React
Explore React Theming Settings
Next.js
Explore Next.js Theming Settings
Vue
Explore Vue Theming Settings
Svelte
Explore Svelte Theming Settings
Nuxt
Explore Nuxt Theming Settings
JavaScript
Explore JavaScript Theming Settings
React Native
Explore React Native Theming Settings
Flutter
Explore Flutter Theming Settings
Android
Explore Android Theming Settings
Unity
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
React
Explore React Components
Next.js
Explore Next.js Components
Vue
Explore Vue Components.
Svelte
Explore Svelte Components.
Nuxt
Explore Nuxt Components.
JavaScript
Explore JavaScript Components.
React Native
Explore React Native Components.
Android
Explore Android Components.