QR Code Generator

Dynamic QR code from URL input

Preview

Enter URL or Text

View Code

<div x-data="{ url: 'https://www.laracorekit.com', qrUrl: '' }" x-init="qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(url)}`">
    <input type="text" x-model="url" @input="qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(url)}`" placeholder="Enter URL" class="w-full px-3 py-2 border rounded-lg mb-4">
    <div class="flex justify-center">
        <img :src="qrUrl" alt="QR Code" class="border rounded-lg p-2 bg-white">
    </div>
</div>