Skeleton
FeedbackWeb + NativeMITLayout-mirroring skeleton loaders for async content — never plain spinners.
bun add @otfdashkit/ui
Preview
SkeletonFeedback
Loading Storybook preview…
Code
@otfdashkit/uiimport { 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.