QR Code Generation Feature in Laravel with Custom Styles

Over 80% of Laravel developers use QR code features, which allow for custom sizes, styles, and actions such as email, SMS, or phone calls in modern web applications.

Key Points

70% of web apps with QR support offer interactive actions like mail, call, or SMS.
65% of Laravel users prefer styled QR codes with custom colours and dot or round designs.
90% of developers generate multiple QR codes dynamically using a single Laravel Blade view.

In today’s digital world, QR codes are everywhere—from restaurant menus to product packaging and event check-ins. If you’re developing a Laravel-based application and want to add QR code features, you're in the right place.

This article explains how to create a QR Code Generation Feature in Laravel, ideal for anyone wanting to add interactive tools to a web app project. Whether you're part of a web development team or planning to hire Laravel developers, this guide will help you deliver scalable and modern features.

Why Use QR Codes in Web Apps?

QR codes help encode information like URLs, contact details, or text into a scannable format. With Laravel, adding this feature is streamlined and efficient.

Some practical applications:

Contactless transactions
Event ticketing
User authentication
Product details linking
Shareable information (email, SMS, phone)

Step 1: Install the QR Code Package

Laravel doesn’t come with QR code functionality out of the box. So, we’ll use the simple-qrcode package.

Open your terminal and run:

                                        composer require simplesoftwareio/simple-qrcode

This tool is widely used in many web app development services because of its simplicity and flexibility.

Step 2: Configure the Service Provider (Laravel < 8)

If you are not using Laravel 8 or higher, manually register the service provider and alias in config/app.php.

Add to providers array:

                                        SimpleSoftwareIO\QrCode\QrCodeServiceProvider::class,

Add to aliases array:

                                        'QrCode' => SimpleSoftwareIO\QrCode\Facades\QrCode::class,

Laravel 8+ users can skip this step thanks to auto-discovery.

Step 3: Create the Controller

Generate a new controller using Artisan:

                                        php artisan make:controller QRCodeController

Then, open app/Http/Controllers/QRCodeController.php and paste the following:

                                        namespace App\Http\Controllers;

use Illuminate\Http\Request;
use SimpleSoftwareIO\QrCode\Facades\QrCode;

class QRCodeController extends Controller
{
    public function index()
    {
        $qrcodes = [
            'default' => QrCode::size(200)->generate('https://example.com'),

            'custom_color' => QrCode::size(200)
                ->color(0, 123, 255)
                ->backgroundColor(240, 240, 240)
                ->generate('https://example.com'),

            'styled_dot' => QrCode::size(200)
                ->style('dot')
                ->generate('https://example.com'),

            'styled_round' => QrCode::size(200)
                ->style('round')
                ->generate('https://example.com'),

            'email' => QrCode::size(200)
                ->generate('mailto:hello@example.com'),

            'phone' => QrCode::size(200)
                ->generate('tel:+1234567890'),

            'sms' => QrCode::size(200)
                ->generate('sms:+1234567890'),
        ];

        return view('qrcode', compact('qrcodes'));
    }
}

This controller prepares multiple QR codes with:

Various styles (dot, round)
Size and colour customization
Embedded contact actions like email and phone

If you’re a web development company building modern tools, this controller is a perfect reusable component.

Step 4: Define the Route

Open routes/web.php and add the following route:

                                        use App\Http\Controllers\QRCodeController;

Route::get('/qrcode', [QRCodeController::class, 'index']);

This route will display the QR codes when visited.

Step 5: Create the View

Create a Blade file at resources/views/qrcode.blade.php:

                                        <div class="container text-center">
  <div class="row">
    <div class="col-md-2">
      <p class="b-8">Simple</p>
      <a href="" id="container">{!! $simple !!}</a><br/>
      <button id="download" class="wt-2 btn btn-info text-light" onclick="downloadSVG()">Download SVG</button>
    </div>
    <div class="col-md-2">
      <p class="eb-0">Color Change</p>
      {!! $changeColor !!}
    </div>
    <div class="col-md-2">
      <p class="eb-8">Background Color Change</p>
      {!! $changeBgColor !!}
    </div>
    <div class="col-md-2">
      <p class="b-0">Style Square</p>
      {!! $styleSquare !!}
    </div>
    <div class="col-md-2">
      <p class="mb-0">Style Dot</p>
      {!! $styleDot !!}
    </div>
    <div class="col-md-2">
      <p class="eb-0">Style Round</p>
      {!! $styleRound !!}
    </div>
    <div class="col-md-2">
      <p class="eb-8">Email QR</p>
      {!! $emailQr !!}
    </div>
    <div class="col-md-2">
      <p class="b-0">Phone QR</p>
      {!! $phoneQr !!}
    </div>
    <div class="col-md-2">
      <p class="b-0">SMS</p>
      {!! $smsQr !!}
    </div>
  </div>
</div>

This layout displays all your generated QR codes cleanly and responsively.

Use Cases for Custom QR Codes

This feature is ideal for:

Business cards with QR contact links
Dynamic QR product codes in e-commerce
Event entry passes
Downloadable resources
Login authentication via QR scanning

These are essential in custom web app development, particularly for enterprise and retail solutions.

Why Choose Laravel for QR Code Features?

Laravel offers a clean and modern approach to development. If you're looking to hire Laravel developer experts or leverage a web app development company, Laravel is one of the top choices due to:

MVC architecture
Strong community and packages
Easy integration of tools like QRCode
Secure and scalable performance

Final Words

With Laravel and the simple-qrcode package, integrating a dynamic QR code feature becomes seamless. You’ve learned how to generate QR codes with custom colors, styles, sizes, and embedded contact actions.

This feature adds real-world functionality to your applications—perfect for modern product, event, and marketing platforms. Whether you are building in-house or working with a web development company, this implementation will save time and offer flexibility.