PHPackages scriptoshi/livewire-google-onetap - 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 & Authorization](/categories/authentication) 4. / 5. scriptoshi/livewire-google-onetap ActiveLibrary[Authentication & Authorization](/categories/authentication) scriptoshi/livewire-google-onetap ================================= A Laravel Livewire component for Google One Tap authentication 1.0.6(3mo ago)0103MITPHPPHP ^8.2 Since Mar 14Pushed 3mo ago1 watchersCompare [ Source](https://github.com/scriptoshi/livewire-google-onetap)[ Packagist](https://packagist.org/packages/scriptoshi/livewire-google-onetap)[ RSS](/packages/scriptoshi-livewire-google-onetap/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependencies (5)Versions (8)Used By (0) Laravel Livewire Google One Tap =============================== [](#laravel-livewire-google-one-tap) A Laravel Livewire component for Google One Tap authentication. Easily add "Sign in with Google" functionality to your Laravel application with a simple Livewire component. Installation ------------ [](#installation) You can install the package via composer: ``` composer require scriptoshi/livewire-google-onetap ``` Requirements ------------ [](#requirements) This package requires: - Laravel 12.x - Livewire 3.x Configuration ------------- [](#configuration) You'll need to set up your Google OAuth credentials in your `.env` file: ``` GOOGLE_CLIENT_ID=your-client-id GOOGLE_CLIENT_SECRET=your-client-secret ``` Database Migration ------------------ [](#database-migration) This package adds Google authentication fields to your `users` table. To run the migrations: ``` php artisan migrate ``` Usage ----- [](#usage) To use the component, make sure you are using laravel 12 starter kit with livewire/volt. Then, in your login or registration page, add the component: ``` ``` For registration pages, specify the type: ``` ``` This component will create automatically load the Google API script, so you don't need to include it separately in your layout. Example ``` {{!-- The normal login button --}} {{ __('Log in') }} {{!-- The google one tap button will be rendered here --}} ``` User Avatar ----------- [](#user-avatar) When users sign in with Google, their Google profile picture URL is stored in the `google_avatar_url` field. You can use this to display their profile picture in your application: ``` @if(auth()->user()->google_avatar_url) @else @endif ``` This can be particularly useful for creating a consistent user experience when users sign in with Google. Configure Tailwind CSS ---------------------- [](#configure-tailwind-css) To ensure that Tailwind CSS properly processes the component styles, add this package to your content sources in your CSS file (typically `resources/css/app.css`): ``` /* Add this line with your other @source directives */ @source '../../vendor/scriptoshi/livewire-google-onetap/resources/views/**/*.blade.php'; ``` For example, your CSS file might look similar to this: ``` @import "tailwindcss"; @source "../views"; @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php'; @source '../../vendor/scriptoshi/livewire-google-onetap/resources/views/**/*.blade.php'; /* Rest of your CSS file */ ``` Customization ------------- [](#customization) You can publish the view and modify it, but keep in mind, Google restricts how much you can customize: ``` php artisan vendor:publish --tag=google-onetap-views ``` Optional Step: If you need to customize the migrations, you can publish them: ``` php artisan vendor:publish --tag=google-onetap-migrations ``` Optional Step: If you need to customize the component, you can publish the config: ``` php artisan vendor:publish --tag=google-onetap-config ``` Styling ------- [](#styling) The component uses minimal styling and adapts to both light and dark modes. It will automatically detect if your site is using dark mode by checking for the `dark` class on the HTML element. You can customize the width, height, and other aspects by editing the published view. License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 41 — FairBetter than 89% of packages Maintenance82 Actively maintained with recent releases Popularity9 Limited adoption so far Community9 Small or concentrated contributor base Maturity55 Maturing project, gaining track record Bus Factor1 Top contributor holds 60% 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. ### Release Activity Cadence Every ~55 days Recently: every ~83 days Total 7 Last Release 98d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/b11cbb2bd5d92b45e8e0c9ac7c644e33d72b02a792ffb399283d4566678c72eb?d=identicon)[scriptoshi](/maintainers/scriptoshi) --- Top Contributors [![ofumbi](https://avatars.githubusercontent.com/u/4081256?v=4)](https://github.com/ofumbi "ofumbi (6 commits)")[![scriptoshi](https://avatars.githubusercontent.com/u/189149148?v=4)](https://github.com/scriptoshi "scriptoshi (4 commits)") ### Embed Badge ![Health badge](/badges/scriptoshi-livewire-google-onetap/health.svg) ``` [![Health](https://phpackages.com/badges/scriptoshi-livewire-google-onetap/health.svg)](https://phpackages.com/packages/scriptoshi-livewire-google-onetap) ``` ### Alternatives [tymon/jwt-auth JSON Web Token Authentication for Laravel and Lumen 11.5k49.1M350](/packages/tymon-jwt-auth)[socialiteproviders/manager Easily add new or override built-in providers in Laravel Socialite. 42542.0M544](/packages/socialiteproviders-manager)[php-open-source-saver/jwt-auth JSON Web Token Authentication for Laravel and Lumen 8359.8M53](/packages/php-open-source-saver-jwt-auth)[laragear/two-factor On-premises 2FA Authentication for out-of-the-box. 339785.3k8](/packages/laragear-two-factor)[andrewdwallo/filament-companies A comprehensive Laravel authentication and authorization system designed for Filament, focusing on multi-tenant company management. 34450.0k2](/packages/andrewdwallo-filament-companies)[alajusticia/laravel-logins Session management in Laravel apps, user notifications on new access, support for multiple separate remember tokens, IP geolocation, User-Agent parser 2011.0k](/packages/alajusticia-laravel-logins) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)