# Integration
source: https://developer.mastercard.com/open-finance-us/documentation/connect/components/integration/index.md

Mastercard Data Connect Components consists of a web SDK which provides a collection of custom web components that can be used to build login forms for legacy institutions, initiate OAuth authentication flow for institutions, and render Multi-Factor Authorization challenges encountered during legacy institution login.

There are also a small number of REST API endpoints which are used to create a login form or OAuth URL, or to initiate a reconnection (Data Connect Fix) flow. These endpoints return elements that are used with the SDK web components. Optionally, you can also create a configuration object that can be used within the login flow to specify that, for example, only certain account types will be shown.

We also provide details of how to implement Data Connect Components within a React Native app, and how to implement webhooks.

* [Web integration using the Web SDK](https://developer.mastercard.com/open-finance-us/documentation/connect/components/integration/ccwebsdk/index.md)
* [React Native integration](https://developer.mastercard.com/open-finance-us/documentation/connect/components/integration/react-native/index.md)
* [Using webhooks with Data Connect Components](https://developer.mastercard.com/open-finance-us/documentation/connect/components/integration/ccwebhooks/index.md)
* [Examples](https://developer.mastercard.com/open-finance-us/documentation/connect/components/integration/ccexamples/index.md)