v2.0.0 - Latest Release

Crefy Connect Documentation

Professional wallet connect infrastructure built for modern Web3 applications. Integrate social wallets, account abstraction, and fiat on/offramps with ease.

Get StartedLearn More
Quick Start
Get up and running with Crefy Connect in minutes

1. Install the SDK

npm install crefy-connect

2. Initialize the client

Create a tsx file for the provider. Example: CrefyProvider.tsx
// CrefyProvider.tsx
"use client"
import { CrefyProvider, type SocialLogins } from "crefy-connect";
import "../../node_modules/crefy-connect/dist/index.css";

const socialLogins: SocialLogins = {
  google: true,
  github: true,
  discord: true,
  telegram: true,
  twitter: true,
  wallet: true,
  email: true,
  phone: true,
};

const config = {
  socialLogins,
  crefyId: "c611fc769a5e62517056718d0282b320a07a4ca6792ce459db2220c3892fe984",
  appearance: {
    primaryColor: "#000000",
    secondaryColor: "#000000",
  },
};

export default function ProviderLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
    
        <CrefyProvider config={config}>
        {children}
        </CrefyProvider>
    </html>
  );
}
3. Import the provider in your app
// layout.tsx
import CrefyProvider from "./CrefyProvider";

export default function RootLayout({
  children,
}: Readonly<{
  <CrefyProvider>
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}
4. AuthModal Usage
// page.tsx
import { AuthModal } from "crefy-connect";

export default function Page() {
  return (
    <AuthModal  triggerText="Sign in with Crefy" />
  );
}

Key Features

Social Wallets
Enable users to create wallets using their social accounts
  • Google, Email, Phone Integration. And more coming soon
  • Seamless onboarding experience
  • No seed phrase management
Account Abstraction
Gasless transactions and smart wallet features
  • Sponsored transactions
  • Batch operations
  • Recovery mechanisms
ENS Integration
Claim subnames and resolve ENS records
  • Subname claiming
  • Reverse record resolution
  • Custom domain support
Fiat On/Offramp
Seamless fiat to crypto conversion
  • Element Pay integration
  • Swiped payment rails
  • Multiple currency support
Architecture Overview
Understanding how Crefy Connect components work together
Client App
Your dApp integrates with Crefy SDK
Crefy Connect
Handles wallet creation & management
Blockchain
Smart contracts & transactions
View Detailed Architecture

Ready to get started?

Follow our comprehensive guides to integrate Crefy Connect into your application

Quick Start GuideIntegration ExamplesAPI Reference