CODE EXAMPLE FOR HTML

Tailwind tag input

{{-- On 'head'  --}}
	<link href="https://unpkg.com/@yaireo/tagify/dist/tagify.css" rel="stylesheet" type="text/css" />


{{-- inside your 'body'  --}}
	<div class="flex items-center justify-center mt-20">
    <div class="w-1/2">
        <label for="Tags" class="block mb-2 text-sm text-gray-600">Tags</label>
        <input type="text" class="w-full px-4 py-6 text-sm border border-gray-300 rounded outline-none" name="tags"
            value="Alpine Js, Tailwind CSS, PHP8.0" autofocus />
    </div>


{{-- Before </body> tag  --}}
    <script>
        // The DOM element you wish to replace with Tagify
        var input = document.querySelector('input[name=tags]');
        // initialize Tagify on the above input node reference
        new Tagify(input);
    </script>
    
{{-- Enjoy  --}}