Skeleton

Use to show a placeholder while content is loading.

Installation


pnpm dlx shadcn@latest add @force-ui-svelte/skeleton

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

<Skeleton class="h-[20px] w-[100px] rounded-full" />

To enable RTL support in Force UI, see the RTL configuration guide.

On This Page

Deploy your shadcn/ui app on Vercel

Trusted by OpenAI, Sonos, Adobe, and more.

Vercel provides tools and infrastructure to deploy apps and features at scale.