coss.com Svelte

Skeleton

A loading state skeleton for your components.

Loading p-skeleton-1 preview…

Installation

pnpm dlx shadcn-svelte@latest add https://coss-sv.vercel.app/r/skeleton.json

Usage

<script lang="ts">
  import { Skeleton } from "$lib/components/ui/skeleton/index.js";
</script>

<Skeleton class="size-10 rounded-full" />

API Reference

Skeleton

A native div with the COSS animated loading gradient. Apply size and shape through class; native attributes, snippets, callbacks, and a bindable ref are forwarded.

Examples

Skeleton Only

Loading p-skeleton-2 preview…