KvalityUI

TableSkeleton и CardSkeleton

Заглушки загрузки для таблиц и карточек.

Живой код — редактируйте
<div className="flex flex-col gap-6">
  <TableSkeleton columns={4} rows={3} />
  <CardSkeleton>
    <Skeleton className="h-6 w-1/3" />
    <Skeleton className="h-24 w-full" />
  </CardSkeleton>
</div>

StatItem, StatGrid, StatCard

Показатель с подписью, изменением к прошлому периоду и подсказкой. Одна основа для дашборда, посетителей, админки и KPI в ответах AI.

FormField

Поле формы: подпись, подсказка, ошибка. Плюс отдельные FieldLabel и FieldError.