Back to Components
Components

Shimmer Effect

Skeleton loading shimmer animation for placeholder content while data loads.

Dependencies

  • framer-motion
  • clsx
  • tailwind-merge

Files

  • components/ui/shimmer-effect.tsx

Installation

Using shadcn CLI

npx shadcn add shimmer-effect --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install framer-motion clsx tailwind-merge