##### Recently Browses

- Apps Api
- Dashboard Marketing

##### Memebers

- Ethan Smith Backend Developer
- Isabella Garcia Digital Marketer
- Noah Walker Full Stack Developer

##### Filters

- customers:
  All customers list
- products:
  Bestselling products
- events:
  All upcoming events

## Animation

1. Home
3. Components
5. Animation

##### Spin

    <div class="inline-flex items-center gap-2">
        <!--:Spinner:-->
        <svg class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
            <path class="" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
            </path>
        </svg>
    </div>

##### Ping

    <button type="button" class="cursor-pointer relative btn btn-sm !p-2 btn-default">
        <span class="icon-[lucide--bell] text-lg"></span>
        <!--:Notification badge:-->
        <span class="absolute -right-1 -top-1 flex size-3">
            <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75"></span>
            <span class="relative inline-flex size-3 rounded-full bg-orange-500"></span>
        </span>
    </button>

##### Pulse

    <!--:Pulse animation card:-->
    <div class="w-full max-w-sm rounded-md border border-zinc-100 dark:border-zinc-900 bg-white dark:bg-zinc-950 p-4">
        <div class="flex animate-pulse space-x-4">
            <div class="size-10 rounded-full bg-zinc-200 dark:bg-zinc-700"></div>
            <div class="flex-1 space-y-6 py-1">
                <div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
                <div class="space-y-3">
                    <div class="grid grid-cols-3 gap-4">
                        <div class="col-span-2 h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
                        <div class="col-span-1 h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
                    </div>
                    <div class="h-2 rounded bg-zinc-200 dark:bg-zinc-700"></div>
                </div>
            </div>
        </div>
    </div>