Thanks to visit codestin.com
Credit goes to github.com

Skip to content

bmorrisondev/clerk-expo-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

  1. Set up Clerk in your Expo application
  2. Configure deep linking for OAuth authentication
  3. 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

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

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published