Skeleton

A shimmering placeholder shown while content loads.

Installation

Copy the command below and run it in your terminal.

bunx @sivir/ui add skeleton

Usage

Import Skeleton and specify width and height:

import { Skeleton } from '$lib/sivir/components/skeleton';

<Skeleton w={200} h={40} />
<Skeleton w={100} h={100} class="rounded-full" />

Examples

Skeleton in various shapes and sizes.

Rectangle

Circle

Card composition