Back to docs
Animation

Bounce

Looping vertical bounce useful for hint indicators.

Install

npx shadcn@latest add @native-bits/bounce

Dependencies

react-native-reanimated
Try in Sandbox
animationloopmobile

Props

PropTypeDefaultDescription
childrenReactNode-Animated content
heightnumber18Bounce distance
durationnumber650Cycle duration

Usage

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

<Bounce height={16} duration={620}>
  <HintDot />
</Bounce>
```

Source code

Loading...