una/modules/boonex/timeline/template/block_async_outline.html

<div class="bx-db-placeholder-async bx-tl-cont-ph-boxes flex space-x-6 rtl:space-x-reverse">
    <div class="flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
        <div class="flex items-center p-4">
            <div class="flex-0 h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
            <div class="flex-1 ltr:ml-4 rtl:mr-4 space-y-2 animate-pulse">
                <div class="h-3 w-1/3 bg-gray-300 dark:bg-gray-600 rounded-xl">&nbsp;</div>
                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
            </div>
        </div>
        <div class="h-48 m-1 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
        <div class="p-4 space-y-4 animate-pulse">
            <div class="h-5 w-2/3 bg-gray-300 dark:bg-gray-600 rounded-full">&nbsp;</div>
            <div class="flex space-x-1 rtl:space-x-reverse">
                <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
                <div class="h-3 w-2/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
            </div>
            <div class="h-3 w-2/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
        </div>
    </div>
    <div class="flex-1 mb-4 p-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
        <div class="flex items-center">
            <div class="flex-0 h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
            <div class="flex-1 ltr:ml-4 rtl:mr-4 space-y-2 animate-pulse">
                <div class="h-3 w-1/3 bg-gray-300 dark:bg-gray-600 rounded-xl">&nbsp;</div>
                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
            </div>
        </div>
        <div class="mt-4 space-y-2 animate-pulse">
            <div class="h-3 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
            <div class="h-3 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
            <div class="h-3 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
            <div class="h-3 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
        </div>
    </div>
    <div class="flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
        <div class="flex items-center p-4">
            <div class="flex-0 h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
            <div class="flex-1 ltr:ml-4 rtl:mr-4 space-y-2 animate-pulse">
                <div class="h-3 w-1/3 bg-gray-300 dark:bg-gray-600 rounded-xl">&nbsp;</div>
                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-600 rounded-xl">&nbsp;</div>
            </div>
        </div>
        <div class="h-48 m-1 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
        <div class="p-4 space-y-4 animate-pulse">
            <div class="h-5 w-2/3 bg-gray-300 dark:bg-gray-600 rounded-full">&nbsp;</div>
            <div class="flex space-x-1 rtl:space-x-reverse">
                <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
                <div class="h-3 w-2/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
            </div>
            <div class="h-3 w-2/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
        </div>
    </div>
</div>
<script>
    loadDynamicBlockAsync('__id__', false, false);
</script>