Skeleton

A placeholder shimmer shown while content loads.

Updated 2026-06-04

Card placeholder

<div class="flex items-center gap-4">
  <Skeleton class="h-12 w-12 rounded-full" />
  <div class="space-y-2">
    <Skeleton class="h-4 w-[200px]" />
    <Skeleton class="h-4 w-[160px]" />
  </div>
</div>

A placeholder shimmer shown while content loads.

Installation

railbase ui add skeleton

Usage

import { Skeleton } from "@/lib/ui/skeleton";

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