KAUI CSS KitComponent Showcase

Feedback & Loading Indicators

Modern visual feedback primitives: Spinners, Progress Bars, Skeleton Shimmers, and User Avatars.

Spinners & Progress Bar

Upload Progress: 68% complete

Skeleton Loading Shimmer

Usage guide & code sample

Use .k-spinner for inline loading or .k-progress with a child bar width for bounded completion progress.

<span class="k-spinner" aria-label="Loading"></span>
<div class="k-progress">
  <div class="k-progress__bar" style="width: 45%;"></div>
</div>