UI Customization Overview
All the guides in this section pertain to UI customizations for the Dynamic UI components of the SDK. If you are implementing Dynamic headlessly i.e. without any of our UI components, check out the headless section instead.
There are multiple ways to customize the UI of the Dynamic SDK. You can customize the views, translations, and CSS design among other things. We outline the main methods below and link to respective guides.
Views
Views are used to customize the kind of UI that shows up at any point in time in your application, specifically giving you complete control over the signup/login options you show your user. Learn more about views.
Translations
Every piece of text displayed in a Dynamic UI component has a corresponding key in our translation file. You can override these keys to customize the text displayed in the UI. Learn more about translations.
CSS Design
You have three primary options for completely adapting the look and feel of the UI components on a CSS level. These are:
Themes
You can use a theme to override the default styles of components cohesively. Learn more.
CSS Variables
You can use CSS variables to override individual styles of the UI components.
Custom CSS
You can add custom CSS in order to ignore all Dynamic styles and create your own.
You’ll get to interact with all three methods if you take the Design Tutorial!
Was this page helpful?