Skeleton · Components

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

Match the shape of the content it stands in for.

<Skeleton className="h-4 w-40" />

Already in every copy of the native kit:

import { Skeleton } from '@/components/ui/skeleton';

Exports: Skeleton
Source: apps/mobile/components/ui/skeleton.tsx
Also searched as: placeholder, shimmer, loading
Upstream: Unchanged from react-native-reusables; installs from their registry.

The web kit's real component, live. Follows this site's theme.

<Skeleton className="h-4 w-48" />

Already in every copy of the web kit:

import { Skeleton } from '@/components/ui/skeleton';

Agents: the whole registry is at /llms.txt.