<button id="showBox" class="bg-gray-200 mb-4 p-2">Show Box</button>
<div id="box" class="w-32 h-32 bg-red-500 block transform transition-all duration-150 ease-out scale-0"></div>

    document.getElementById('showBox').addEventListener('click', function(){
        document.getElementById('box').classList.remove('scale-0');
        document.getElementById('box').classList.add('scale-100');
    });