Skeleton

PreviousNext

Use to show a placeholder while content is loading with optional glassy variant.

Docs
glass-uicomponent

Preview

Loading preview…
lib/utils.ts
import { clsx, type ClassValue } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

Installation

npx shadcn@latest add @glass-ui/skeleton

Usage

import { Skeleton } from "@/components/skeleton"
<Skeleton />