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.
We automatically connect to the best data aggregator for each user's specific financial institution, ensuring optimal data quality and coverage.
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.
Offer a smooth, branded onboarding experience that builds trust and improves conversion rates.
Log in to your Quiltt Dashboard
Navigate to the Connectors section
Click "Create New 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
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) {}
}Receive webhook notifications for new connections and data updates
Use our GraphQL API to query and manipulate connected financial data
Test thoroughly in our Sandbox environment
When ready, switch to Production mode in your Quiltt Dashboard
Launch your application with seamless open banking integration!
© 2024 Quiltt, Inc. All rights reserved.
