# QUILTT CONNECTOR

# Build Better Fintech, Your Way

Quiltt Connector empowers you to build better applications by providing seamless access to the best open banking data providers, all through a single, flexible interface. Unlike siloed solutions that lock you into their ecosystem, Quiltt believes in the power of choice and interoperability.

## Why Choose Quiltt Connector?

##### Intelligent Routing

We automatically connect to the best data aggregator for each user's specific financial institution, ensuring optimal data quality and coverage.

##### True Interoperability

Mix and match data providers to create the perfect stack for your needs. Adapt your data sources as your needs evolve, without ever changing your core integration.

##### Intuitive Interface

Offer a smooth, branded onboarding experience that builds trust and improves conversion rates.

### How finance management connector works

##### Create Your Quiltt Connector

- Log in to your Quiltt Dashboard
- Navigate to the Connectors section
- Click "Create New Connector"

##### Configure Your Connector

- Choose your desired features (e.g., account aggregation, transaction history, balance checks)
- Select your preferred data providers
- Set up authentication methods (OAuth, API keys)
- Configure webhooks for real-time data updates

##### Embed the Connector

- Choose your preferred method of integration:

HTML  
 React  
 React Native  
 Flutter  
 Android  
 iOS

```javascript
<script src="https://cdn.quiltt.io/v1/connector.js"></script>

<button quiltt-button="YOUR_CONNECTOR_ID">Connect Now</button>
```

```javascript
import { QuilttButton } from '@quiltt/react';

export const App = () => {
  return (
    <QuilttButton connectorId="YOUR_CONNECTOR_ID">
      Connect Now
    </QuilttButton>
  );
};

export default App;
```

```javascript
import { QuilttConnector } from '@quiltt/react-native';

export const ConnectorScreen = ({ navigation }) => {
  return (
    <QuilttConnector
      connectorId="YOUR_CONNECTOR_ID"
      oauthRedirectUrl="YOUR_APP_DEEP_LINK"
      onExitSuccess={(metadata) => {
        console.log('Connected:', metadata.connectionId);
        navigation.navigate('Home');
      }}
    />
  );
};
```

```dart
import 'package:quiltt_connector/quiltt_connector.dart';
import 'package:quiltt_connector/configuration.dart';

void connectWithQuiltt(BuildContext context) {
  final config = QuilttConnectorConfiguration(
    connectorId: "YOUR_CONNECTOR_ID",
    oauthRedirectUrl: "YOUR_APP_DEEP_LINK"
  );

QuilttConnector().connect(
    context,
    config,
    onExitSuccess: (event) {
      print("Connected: \\${event.eventMetadata.connectionId}");
    },
  );
}
```

```kotlin
import androidx.compose.runtime.Composable
import androidx.compose.ui.viewinterop.AndroidView
import app.quiltt.connector.QuilttConnector
import app.quiltt.connector.QuilttConnectorConnectConfiguration

@Composable
fun QuilttConnectorView() {
    val config = QuilttConnectorConnectConfiguration(
        connectorId = "YOUR_CONNECTOR_ID",
        oauthRedirectUrl = "YOUR_APP_DEEP_LINK"
    )

val quilttConnector = QuilttConnector(LocalContext.current)

AndroidView(factory = {
        quilttConnector.connect(
            config = config,
            onExitSuccess = { metadata ->
                println("Connected: \\$metadata.connectionId")
            }
        )
    })
}
```

```swift
import SwiftUI
import QuilttConnector

struct ConnectorView: View {
    var body: some View {
        QuilttWebView()
    }
}

struct QuilttWebView: UIViewRepresentable {
    func makeUIView(context: Context) -> WKWebView {
        let config = QuilttConnectorConnectConfiguration(
            connectorId: "YOUR_CONNECTOR_ID",
            oauthRedirectUrl: "YOUR_APP_UNIVERSAL_LINK"
        )

let quilttConnector = QuilttConnector()
        return quilttConnector.connect(
            config: config,
            onExitSuccess: { metadata in
                print("Connected: \\(metadata.connectionId ?? "")")
            }
        )
    }

func updateUIView(_ uiView: WKWebView, context: Context) {}
}
```

##### Handle Connection Data

- Receive webhook notifications for new connections and data updates
- Use our GraphQL API to query and manipulate connected financial data

##### Go Live!

- Test thoroughly in our Sandbox environment
- When ready, switch to Production mode in your Quiltt Dashboard
- Launch your application with seamless open banking integration!

## Comprehensive Solutions at Your Fingertips

Quiltt Connector  
Our embeddable UI streamlines user onboarding, allowing seamless connection to financial accounts with just a few lines of code.[(https://www.quiltt.io/quiltt-connector)](https://www.quiltt.io/quiltt-connector)

[Account Aggregation Service\  
Access comprehensive financial data from multiple institutions through a single, unified API.](https://www.quiltt.io/account-aggregation)

[Enrichment\  
Enhance raw financial data with advanced categorization, insights, and analytics to deliver more value to your users.\  
\

Remote Data\  
Leverage provider-specific data when needed, ensuring you never lose access to critical information.](https://www.quiltt.io/remote-data)

[Webhooks\  
Automate complex financial processes and create custom triggers to streamline your operations and user experiences.](https://www.quiltt.io/webhooks)