Skip to content

Skeleton

FeedbackWeb + NativeMIT
View in Storybook

Layout-mirroring skeleton loaders for async content — never plain spinners.

bun add @otfdashkit/ui

Preview

Skeleton
Loading Storybook preview…

Code

import { Skeleton } from '@otfdashkit/ui'

export function Example() {
  return (
    <div className="w-80 rounded-lg border border-border bg-card p-4 space-y-3">
      <Skeleton className="h-5 w-3/5" />
      <Skeleton className="h-3.5 w-full" />
      <Skeleton className="h-3.5 w-4/5" />
      <div className="flex gap-2 pt-2">
        <Skeleton className="h-8 w-20 rounded-md" />
        <Skeleton className="h-8 w-20 rounded-md" />
      </div>
    </div>
  )
}

Free with the SDK. This component ships in @otfdashkit/ui under the MIT license.