LIVEUXI - Internal Management Platform.

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Animation

<div class="flex animate-pulse">
    <div class="flex-shrink-0">
        <span class="size-12 block bg-gray-200 rounded-full dark:bg-light"></span>
    </div>

    <div class="ms-4 mt-2 w-full">
        <p class="h-4 bg-gray-200 rounded-full dark:bg-light" style="width: 40%;"></p>

        <ul class="mt-5 space-y-3">
        <li class="w-full h-4 bg-gray-200 rounded-full dark:bg-light"></li>
        <li class="w-full h-4 bg-gray-200 rounded-full dark:bg-light"></li>
        <li class="w-full h-4 bg-gray-200 rounded-full dark:bg-light"></li>
        <li class="w-full h-4 bg-gray-200 rounded-full dark:bg-light"></li>
        </ul>
    </div>
    </div>

Sizing

 <ul class="mt-5 space-y-3">
    <li class="w-full h-10 bg-gray-200 rounded-full dark:bg-light"></li>
    <li class="w-full h-6 bg-gray-200 rounded-full dark:bg-light"></li>
    <li class="w-full h-4 bg-gray-200 rounded-full dark:bg-light"></li>
    <li class="w-full h-2 bg-gray-200 rounded-full dark:bg-light"></li>
    </ul>

Colors

<ul class="mt-5 space-y-3">
    <li class="w-full h-4 bg-primary/50 rounded-full"></li>
    <li class="w-full h-4 bg-secondary/50 rounded-full"></li>
    <li class="w-full h-4 bg-success/50 rounded-full"></li>
    <li class="w-full h-4 bg-orangemain/50 rounded-full"></li>
    <li class="w-full h-4 bg-warning/50 rounded-full"></li>
    </ul>

Width

<ul class="mt-5 space-y-3">
    <li class="w-[25%] h-4 bg-gray-200 rounded-full dark:bg-light"></li>
    <li class="w-[50%] h-4 bg-gray-200 rounded-full dark:bg-light"></li>
    <li class="w-[75%] h-4 bg-gray-200 rounded-full dark:bg-light"></li>
    <li class="w-full h-4 bg-gray-200 rounded-full dark:bg-light"></li>
    </ul>

Switcher

No New Notifications

Card title

Switcher

Skeleton

Card title