Back to docs
Animation

Shimmer

Horizontal light sweep for skeleton placeholders.

Install

npx shadcn@latest add @native-bits/shimmer

Dependencies

react-native-reanimatedreact-native-linear-gradient
Try in Sandbox
animationloopmobile

Props

PropTypeDefaultDescription
widthnumber180Shimmer width
heightnumber16Shimmer height
durationnumber1300Cycle duration

Usage

```tsx
import { shimmer } from '@/components/native-bits/shimmer'

<Shimmer width={180} height={18} />
```

Source code

Loading...