PHPackages                             mark-villudo/login-page - 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. mark-villudo/login-page

ActiveLibrary[Authentication & Authorization](/categories/authentication)

mark-villudo/login-page
=======================

Laravel Login Page and Functions

01Blade

Since Oct 31Pushed 2y ago1 watchersCompare

[ Source](https://github.com/MarkVilludo/login-page)[ Packagist](https://packagist.org/packages/mark-villudo/login-page)[ RSS](/packages/mark-villudo-login-page/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

Login page lang pang CMS Tailwind CSS and Laravel
=================================================

[](#login-page-lang-pang-cms-tailwind-css-and-laravel)

Installation
------------

[](#installation)

Require this package with composer.

```
composer require mark-villudo/login-page
```

```
To install Tailwind CSS in Laravel, follow these steps:

Step 1: Create a new Laravel project Open your terminal and navigate to the directory where you want to create your Laravel project. Then, run the following command to create a new Laravel project:

composer create-project --prefer-dist laravel/laravel your-project-name
Step 2: Install Tailwind CSS Once the project is created, navigate to the project directory by running:

cd your-project-name
Then, you can install Tailwind CSS using the npm package manager. Run the following command to install it:

npm install tailwindcss
Step 3: Configure Tailwind CSS After the installation, you need to generate the basic configuration file for Tailwind CSS. Run the following command to generate the default tailwind.config.js file:

npx tailwindcss init
This will create a tailwind.config.js file in your project's root directory.

Step 4: Include Tailwind CSS in your Laravel project Next, you need to include the Tailwind CSS styles in your Laravel project. Open the resources/css/app.css file and replace its contents with the following:

css

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
Step 5: Build your assets To compile your Tailwind CSS styles into a CSS file, you need to run Laravel Mix. In your terminal, run the following command:

npm run dev
This will compile your CSS styles using Laravel Mix, and you should see a new public/css/app.css file.

Step 6: Include the compiled CSS file in your Laravel project Finally, you need to include the compiled CSS file in your Laravel project. Open the resources/views/layouts/app.blade.php file and add the following line within the  section:

html

Now, Tailwind CSS is installed and configured in your Laravel project. You can start using the Tailwind CSS classes in your views or components.

```

### Publish login view login blade file

[](#publish-login-view-login-blade-file)

```
php artisan vendor:publish --provider="MarkVilludo\LoginPage\LoginServiceProvider" --tags=views

```

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

12

—

LowBetter than 0% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity1

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity20

Early-stage or recently created project

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/fc1f7cec431adffc9b18bb57feee89c5955317e8369c82e3cbf2b786dacb225f?d=identicon)[Mark Villudo](/maintainers/Mark%20Villudo)

### Embed Badge

![Health badge](/badges/mark-villudo-login-page/health.svg)

```
[![Health](https://phpackages.com/badges/mark-villudo-login-page/health.svg)](https://phpackages.com/packages/mark-villudo-login-page)
```

###  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)