The ShimmerEffect component creates a shimmering animation, ideal for loading placeholders or skeleton screens.
Add it with the CLI, open it in v0, or copy the source into your project.
Adds the component and installs its dependencies for you.
npx shadcn@latest add https://uibeats.com/r/shimmer-effect.jsonEverything Shimmer Effect accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
| width | string | number | '100%' | Width of the shimmer effect |
| height | string | number | '1rem' | Height of the shimmer effect |
| borderRadius | string | number | '0.375rem' | Border radius of the shimmer effect |
| duration | number | 1.5 | Duration of one shimmer animation cycle (in seconds) |
| className | string | '' | Additional CSS classes for styling |