PHPackages                             gwl12345/laravel-jetstream-react-shadcn-multilogin - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Authentication &amp; Authorization](/categories/authentication)
4. /
5. gwl12345/laravel-jetstream-react-shadcn-multilogin

ActiveProject[Authentication &amp; Authorization](/categories/authentication)

gwl12345/laravel-jetstream-react-shadcn-multilogin
==================================================

A starter kit for the Laravel framework using Jetstream, Inertia.js, React (TS), and shadcn (Laravel Authentication Styling). Extended with multiple login methods support, magic link authentication, and passkey (Laragear/WebAuthn) login.

213TypeScript

Since Aug 2Pushed 9mo agoCompare

[ Source](https://github.com/gwl12345/laravel-jetstream-react-shadcn-multilogin)[ Packagist](https://packagist.org/packages/gwl12345/laravel-jetstream-react-shadcn-multilogin)[ RSS](/packages/gwl12345-laravel-jetstream-react-shadcn-multilogin/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

 [ ![Laravel Logo](https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg) ](https://laravel.com)

Laravel Jetstream React Shadcn Multi-Login
==========================================

[](#laravel-jetstream-react-shadcn-multi-login)

 **A modern Laravel starter kit with multiple authentication methods**

🚀 About
-------

[](#-about)

This project extends the excellent [Laravel Jetstream React Shadcn](https://github.com/gwl12345/laravel-jetstream-react-shadcn) starter kit by adding **multiple authentication methods** for enhanced user experience and security.

### 🔐 Authentication Methods

[](#-authentication-methods)

- **🔑 Traditional Form Login** - Classic email/password authentication
- **✨ Magic Link Login** - Passwordless authentication via email
- **🔒 Passkey Authentication** - Modern WebAuthn with biometrics, patterns, and security keys

✨ Features
----------

[](#-features)

### 🎨 **Modern Tech Stack**

[](#-modern-tech-stack)

- **[Laravel 12](https://laravel.com/)** - Robust PHP backend framework
- **[Laravel Jetstream](https://jetstream.laravel.com/)** - Application scaffolding with teams support
- **[React](https://react.dev/)** - Modern frontend library with TypeScript
- **[Inertia.js](https://inertiajs.com/)** - Modern monolith approach
- **[shadcn/ui](https://ui.shadcn.com/)** - Beautiful, accessible UI components
- **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework

### 🔐 **Advanced Authentication**

[](#-advanced-authentication)

- **[Laragear WebAuthn](https://github.com/Laragear/WebAuthn)** - Passkey authentication (fingerprints, Face ID, security keys)
- **Magic Link Authentication** - Secure, passwordless login via email
- **Two-Factor Authentication** - Built-in 2FA support via Jetstream
- **Session Management** - View and manage active browser sessions
- **Account Security** - Password updates, account deletion

### 🎯 **User Experience**

[](#-user-experience)

- **Tabbed Login Interface** - Clean, organized authentication options
- **Responsive Design** - Works perfectly on all devices
- **Dark/Light Mode** - Theme switching with system preference detection
- **Toast Notifications** - Real-time feedback using Sonner
- **Loading States** - Smooth interactions with loading indicators

### 🛡️ **Security Features**

[](#️-security-features)

- **Rate Limiting** - Protection against brute force attacks
- **CSRF Protection** - Built-in security tokens
- **Encrypted Credentials** - WebAuthn public keys encrypted in database
- **Session Security** - Secure session management
- **Email Verification** - Verified email requirement option

🔐 Authentication Setup
----------------------

[](#-authentication-setup)

### Magic Link Configuration

[](#magic-link-configuration)

Magic link authentication is ready to use out of the box. Just ensure your mail configuration is set up correctly in your `.env` file.

**Features:**

- Rate limiting (3 attempts per email/5 minutes)
- Secure, time-limited tokens
- Clean email templates
- Automatic login on link click

### WebAuthn/Passkey Setup

[](#webauthnpasskey-setup)

Passkeys work with HTTPS in production. For local development:

1. **Use Laravel Valet with TLS** (recommended for macOS)

    ```
    valet secure your-app-name
    ```
2. **Use `localhost` with appropriate browser flags**
3. **Or use Laravel Herd with secure site enabled (SSL)** (For Windows/macOS)

**Supported Authenticators:**

- 📱 Face ID / Touch ID (iOS/macOS)
- 🔒 Windows Hello
- 📱 Android Biometrics
- 🔑 Hardware Security Keys (YubiKey, etc.)
- 📱 Platform Authenticators

### Adding More Authentication Methods

[](#adding-more-authentication-methods)

The tabbed login interface makes it easy to add more authentication methods:

1. Add a new tab in `resources/js/pages/Auth/Login.tsx`
2. Create the corresponding controller
3. Add routes in `routes/web.php`
4. Implement the frontend logic

📁 Project Structure
-------------------

[](#-project-structure)

```
├── app/
│   ├── Http/Controllers/
│   │   ├── MagicLinkController.php      # Magic link authentication
│   │   ├── PasskeyController.php        # Passkey management
│   │   └── WebAuthn/                    # WebAuthn controllers
│   ├── Models/
│   │   └── User.php                     # Extended user model
│   └── Notifications/
│       └── MagicLinkNotification.php    # Magic link emails
├── resources/js/
│   ├── components/ui/
│   │   └── login-tabs.tsx               # Custom login tabs
│   ├── pages/Auth/
│   │   └── Login.tsx                    # Multi-method login page
│   └── pages/Profile/
│       └── Passkey.tsx                  # Passkey management
└── database/migrations/
    └── *_create_webauthn_credentials.php # WebAuthn database schema

```

🙏 Acknowledgments
-----------------

[](#-acknowledgments)

- **[gwl12345/laravel-jetstream-react-shadcn](https://github.com/gwl12345/laravel-jetstream-react-shadcn)** - Base starter kit
- **[Laragear/WebAuthn](https://github.com/Laragear/WebAuthn)** - WebAuthn implementation for Laravel
- **Laravel Team** - For the amazing framework and Jetstream
- **shadcn** - For the beautiful UI components
- **Vercel** - For the React ecosystem

📚 Documentation
---------------

[](#-documentation)

- [Laravel Documentation](https://laravel.com/docs)
- [Laravel Jetstream](https://jetstream.laravel.com)
- [React Documentation](https://react.dev)
- [shadcn/ui](https://ui.shadcn.com)
- [Laragear WebAuthn](https://laragear.github.io/WebAuthn/)
- [WebAuthn Guide](https://webauthn.guide/)

###  Health Score

18

—

LowBetter than 8% of packages

Maintenance41

Moderate activity, may be stable

Popularity8

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity14

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/d27d56766be78396a0bf263f9ad345b7e0069da5843f759b4bef792c55870757?d=identicon)[gwl12345](/maintainers/gwl12345)

---

Top Contributors

[![gwl12345](https://avatars.githubusercontent.com/u/73217127?v=4)](https://github.com/gwl12345 "gwl12345 (5 commits)")

### Embed Badge

![Health badge](/badges/gwl12345-laravel-jetstream-react-shadcn-multilogin/health.svg)

```
[![Health](https://phpackages.com/badges/gwl12345-laravel-jetstream-react-shadcn-multilogin/health.svg)](https://phpackages.com/packages/gwl12345-laravel-jetstream-react-shadcn-multilogin)
```

###  Alternatives

[namshi/jose

JSON Object Signing and Encryption library for PHP.

1.8k99.6M101](/packages/namshi-jose)[league/oauth1-client

OAuth 1.0 Client Library

99698.8M106](/packages/league-oauth1-client)[bezhansalleh/filament-shield

Filament support for `spatie/laravel-permission`.

2.8k2.9M88](/packages/bezhansalleh-filament-shield)[gesdinet/jwt-refresh-token-bundle

Implements a refresh token system over Json Web Tokens in Symfony

70516.4M35](/packages/gesdinet-jwt-refresh-token-bundle)[league/oauth2-google

Google OAuth 2.0 Client Provider for The PHP League OAuth2-Client

41721.2M118](/packages/league-oauth2-google)[illuminate/auth

The Illuminate Auth package.

9327.3M1.0k](/packages/illuminate-auth)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
