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 it 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:

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

<button quiltt-button="YOUR_CONNECTOR_ID">Connect Now</button>
import { QuilttButton } from '@quiltt/react';

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

export default App;
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');
      }}
    />
  );
};
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}");
    },
  );
}
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}")
            }
        )
    })
}
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!