Usage
Learn how to authenticate users, manage profiles, and submit transactions with Blux.
Blux provides ready-made UI flows through useBlux and dedicated white-label login hooks for custom authentication screens. Both require the BluxProvider.
Quick Example
import { useBlux } from "@bluxcc/react";
function App() {
const { login, logout, sendTransaction, isAuthenticated, user } = useBlux();
}Use useBlux for the hosted login modal and authenticated session state. For custom login controls, import useLoginEmail, useLoginSms, useLoginOAuth, useLoginPasskey, or useLoginWallet.
Fund Me
Let users on-ramp fiat into crypto straight to their Stellar wallet from React.
Login
Authenticate users in your app with Blux's built-in login modal.
Profile
Display and manage the connected user's profile using the Blux SDK.
Send Transaction
Sign and submit Stellar transactions from your React app using the Blux SDK.
Sign Auth Entry
Sign a Soroban authorization entry from your React app using the Blux SDK.
Sign Message
Request a signed message from the user's wallet using the Blux SDK.
Sign Transaction
Sign a transaction in your React app without submitting it, using the Blux SDK.
White-label Login
Build a custom authentication UI with Blux's React login hooks.