The SDK provides a set of embeddable UIs that you can integrate into your application. This helps you offer Qonto’s features within your product without a big integration effort. The UIs are designed to be flexible and adaptable to your application’s branding and style guidelines so that they blend seamlessly with your existing interface. This section provides an overview of the customizable UIs and how to implement them.

​
How they work

The embeddable UIs are a set of visual components that handle specific tasks, such as displaying a card or creating a SEPA transfer. When you call an SDK function to display one of these UIs, the SDK renders the corresponding screen wherever you choose in the context of your application. The UI handles all interactions, including form inputs, validations, and API calls, providing a smooth user experience. The way to instantiate these UIs is by calling the corresponding function from the SDK. Each function accepts a configuration object that provides the necessary data to show in the UI and act upon. In the following sections, you will learn about the different UIs available and how to implement them.

​
Customization

These UIs are composed of a set of visual elements like buttons, input fields, badges, or text. Each element can be customized using CSS variables that will adapt their appearance to your application’s design system.
You can read a guide on how to integrate the UIs into your website following the Customizing UI Elements guide.

​
Next Steps

Keep on reading the following sections to learn more about the available UI Elements and how to implement them. If you are interested in customizing the appearance of all UIs, start from Global Customizations section.