jeffersongoncalves/filament-qrcode-field

A Laravel Filament package that provides QR Code field functionality for your web applications. This package extends Filament v3 with a simple QR code input component.
6,891 17
Install
composer require jeffersongoncalves/filament-qrcode-field
Latest Version:3.0.4
PHP:^8.2|^8.3
License:MIT
Last Updated:Aug 1, 2026
Links: GitHub  ·  Packagist
Maintainer: jeffersongoncalves

Filament Qrcode Field

Filament QrCode Field

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

A Laravel Filament package that provides QR Code field functionality for your web applications. This package extends Filament v4 with a simple QR code input component.

Compatibility

Package Version Filament Version
1.x 3.x
2.x 4.x
3.x 5.x

Requirements

  • PHP 8.2 or higher
  • Filament 5.0

Installation

You can install the package via composer:

composer require jeffersongoncalves/filament-qrcode-field:^3.0

You can publish the config file with:

php artisan vendor:publish --tag="filament-qrcode-field-config"

This is the contents of the published config file:

use Filament\Support\Enums\Width;

return [
    'asset_js' => 'https://unpkg.com/html5-qrcode@2.3.8/html5-qrcode.min.js',
    'modal' => [
        'width' => Width::Large,
    ],
    'reader' => [
        'width' => '600px',
        'height' => '600px',
    ],
    'scanner' => [
        'fps' => 10,
        'width' => 250,
        'height' => 250,
    ],
];

Translations

This package supports multiple languages. The following languages are currently available:

  • Arabic (ar)
  • Czech (cs)
  • German (de)
  • English (en)
  • Spanish (es)
  • Persian (fa)
  • French (fr)
  • Hebrew (he)
  • Indonesian (id)
  • Italian (it)
  • Japanese (ja)
  • Dutch (nl)
  • Polish (pl)
  • Portuguese (pt)
  • Portuguese (Brazil) (pt_BR)
  • Portuguese (Portugal) (pt_PT)
  • Slovak (sk)
  • Turkish (tr)

If you want to customize the translations, you can publish the language files:

php artisan vendor:publish --tag=filament-qrcode-field-translations

Usage

Once installed, you can use the QrCodeInput component in your Filament forms:

use JeffersonGoncalves\Filament\QrCodeField\Forms\Components\QrCodeInput;

// In your form definition
QrCodeInput::make('qrcode')
    ->required(),

Development

You can run code analysis and formatting using the following commands:

# Run static analysis
composer analyse

# Format code
composer format

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.

Related Packages

jeffersongoncalves/filament-cookie-consent

This Filament package provides a simple and elegant way to implement cookie cons...

12,862 8
jeffersongoncalves/filament-cep-field

The Filament CEP Field is a custom input component designed specifically for Bra...

3,862 8
jeffersongoncalves/filament-refresh-sidebar

Automatically refresh the Filament sidebar navigation when certain events occur,...

1,809 11
jeffersongoncalves/filament-logo

A simple yet effective Filament plugin that automatically adds the Filament logo...

11,624 5
jeffersongoncalves/filament-ace-editor-field

A Laravel Filament v4 field that integrates the Ace code editor into your forms,...

8,485 4