@hollow-kit/svelte

Svelte 5 skeleton loading controller powered by Hollow Kit.

Installation

pnpm add @hollow-kit/svelte

Usage

<script>
  import { createSkeleton } from '@hollow-kit/svelte'

  let { loading } = $props()
  const skeleton = createSkeleton({ loading, name: 'card' })
</script>

<div use:skeleton.action>
  {#if skeleton.showSkeleton}
    <!-- Render skeleton.hollowRenderData -->
  {:else if skeleton.showFallback}
    <div class="animate-pulse h-48 bg-gray-200 rounded" />
  {:else}
    <MyCard />
  {/if}
</div>

License

MIT