Skeleton

A Warcraft-themed skeleton/loading placeholder with faction themes and shimmer animation.

Default

Orc Faction

Elf Faction

Human Faction

Undead Faction

Installation

pnpm dlx shadcn@latest add https://warcraftcn.com/r/skeleton.json

Usage

import { Skeleton } from "@/components/ui/warcraftcn/skeleton";

<Skeleton className="h-12 w-full" />;

Shapes

// Default rectangular shape
<Skeleton className="h-12 w-full" />

// Circular shape (for avatars)
<Skeleton variant="circular" className="size-12" />

Factions

// Orc - red/brown with axe icons
<Skeleton faction="orc" className="h-12 w-full" />

// Elf - teal/green with leaf icons
<Skeleton faction="elf" className="h-12 w-full" />

// Human - blue with shield icons
<Skeleton faction="human" className="h-12 w-full" />

// Undead - purple with skull icons
<Skeleton faction="undead" className="h-12 w-full" />
Radio GroupSpinner