Download the PHP package diogogpinto/filament-auth-ui-enhancer without Composer

On this page you can find all versions of the php package diogogpinto/filament-auth-ui-enhancer. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Informations about the package filament-auth-ui-enhancer

Auth UI Enhancer for Filament Panels 🔥

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

Looking for an easy way to customize the UI of your Auth Pages in your Filament Panel?

This Filament plugin empowers you to transform your auth pages with ease, allowing you to make them truly stand out. It offers a flexible alternative to the default auth pages in the Filament Panels package.

Setting it up is a breeze, and it comes packed with a variety of customizable features—plus, there’s a lot more to come! 🔥

Check out some examples you can create right out of the box:

Navigation

Installation

First, starting by installing the plugin via composer:

In an effort to align with Filament's theming methodology you will need to use a custom theme to use this plugin.

[!IMPORTANT] If you have not set up a custom theme, follow the instructions in the Filament Docs first.

  1. Add the plugin's views to your tailwind.config.js file. (path: /resource/css/filament/admin)

[!IMPORTANT] The above content should be placed in your filament theme's tailwind.config.js file, under the /resources/css/filament path

  1. Run npm run build in your terminal

Usage

To start using the plugin, you need to add the plugin to your plugins array in your filament panel.

Auth Page Discovery

Default Auth Logic

If you don't have any custom classes on the auth methods of your Filament panel (login(), registration(), resetPassword() and emailVerification()), this plugin will work almost out of the box.

If your panel provider is setup like below, this plugin will automatically apply the changes to your UI.

Custom Auth Logic

If you have custom logic in the mentioned methods, there is a simple way to make that UI pop, using a simple trait from this plugin. If your panel looks like the below:

Just add the following trait to YouLoginClass:

Customizing the Auth UI

The view for this package divides your screen in two sections:

Customizing the Form Panel

You can customize:

Form Position

You can make the form appear on the left side of the page or in the right side of the page.

`

Form Position on Mobile

On mobile devices, you can chose if the form appears above the empty container or below.

This method accepts top or bottom as arguments. You can also hide the empty panel on mobile (see below).

Form Panel Width

The form panel width has a default value of 50%. You can change it by adding the following method and passing the desired width.

Sizes must be expressed in rem, %, px, em, vw, vh or pt.

Form Panel Background Color

You can change the form panel background color by using the following method:

In this case, 300 is the shade of the color you want to use.

You can also set the color using HEX or RGB, like in a typical filament panel:

Customizing the Empty Panel

You can customize:

Empty Panel Background Image and Image Opacity

You can set an image to be displayed on the empty panel, and control its opacity.

You can pass an asset url, with Laravel's function asset('images/login.webp').

If you would like to chance the image opacity of your image, you can use the following method:

Empty Panel Background Color

The default background color is your panel's primary color. You can change the empty panel background color by using the following method:

In this case, 300 is the shade of the color you want to use.

You can also set the color using HEX or RGB, like in a typical filament panel:

Hide Empty Panel on Mobile Devices

You can just use the following method, so the empty panels disappears on mobile and the form container spans to full height:

Further Customization - CSS

You can create further customizations in your theme's CSS file. The following classes are avaliable:

Working Example

If you're just looking to plug and play some code into your Filament Panel, here's a working code so you can just insert into your plugins array:

[!WARNING]
This is a random image URL I got from Pexels. If you want to use it in production or commercially you should check its license.

Todo

Changelog

Please see CHANGELOG for more information on what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

Credits

License

The MIT License (MIT). Please see License File for more information.


All versions of filament-auth-ui-enhancer with dependencies

PHP Build Version
Package Version
Requires php Version ^8.1
filament/filament Version ^3.0
spatie/laravel-package-tools Version ^1.15.0
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package diogogpinto/filament-auth-ui-enhancer contains the following files

Loading the files please wait ....