@brianmmdev/clerk-expo-ui

Clerk Expo UI

A UI component library for Clerk authentication in React Native/Expo applications. This package provides ready-to-use UI components for authentication flows in Expo applications using Clerk as the authentication provider.

⚠️ WARNING: This package is currently in beta and is not ready for production use. It is not recommended for use in production applications.

Features

• Complete Authentication UI: Pre-built components for sign-in, sign-up, and sign-out flows
• OAuth Support: Built-in support for OAuth providers (Google, Apple, etc.)
• TypeScript Support: Fully typed components for better developer experience
• Customizable: Components can be customized to match your app's design
• Expo Router Integration: Works seamlessly with Expo Router for navigation

Installation

This library is installed by copying all of the component files to the local project's components/clerk directory:

npx @brianmmdev/clerk-expo-ui@latest

Peer Dependencies

This package requires the following peer dependencies:

pnpm add @clerk/clerk-expo expo-linear-gradient expo-linking expo-router expo-web-browser

Quick Start

• Set up Clerk in your Expo application
• Configure deep linking for OAuth authentication
• Import and use the components in your screens

import { SignIn, SignUp, SignOutButton } from 'clerk-expo-ui';

// Sign In Screen
function SignInScreen() {
  return (
    <SignIn 
      scheme="your-app-scheme://" 
      signUpUrl="/(auth)/sign-up"
      homeUrl="/(tabs)"
    />
  );
}

// Sign Up Screen
function SignUpScreen() {
  return (
    <SignUp 
      scheme="your-app-scheme://" 
      signInUrl="/(auth)"
      homeUrl="/(tabs)"
    />
  );
}

Components

Authentication Components

• SignIn: Complete sign-in form with email and OAuth options
• SignUp: Complete sign-up form with email and OAuth options
• SignOutButton: Button for signing out users

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Roadmap

UI Components

• <SignIn />
• <SignUp />
• <UserButton />
• <UserProfile />
• <CreateOrganization />
• <OrganizationProfile />
• <OrganizationSwitcher />
• <OrganizationList />

Authentication Methods

• Email Authentication
  • Password-based login
  • Email verification
    • Verification code
    • Magic link
• Phone Number Authentication
  • SMS verification
• Username/Password Authentication
• Passkeys Support
• Single Sign-On (SSO)
• Web3 Authentication
  • MetaMask
  • Coinbase Wallet
  • OKX Wallet
• Multi-factor Authentication
  • SMS codes
  • Authenticator apps
  • Backup codes
• Terms of Service Acceptance

Access Control Modes

• Restricted access
• Waitlist functionality
• Allowlist functionality
• Blocklist functionality

Organization Features

• Domain-specific SSO
• Organization switcher

User Profile Options

• Name requirements (first/last)
• Phone number requirements
• Username requirements

Account Management

• Account deletion
• Password changes

License

MIT