Back to docs
Animation

Scale Pop

Elastic pop-in animation for icons and badges.

Install

npx shadcn@latest add @native-bits/scale-pop

Dependencies

react-native-reanimated
Try in Sandbox
animationentrancemobile

Props

PropTypeDefaultDescription
childrenReactNode-Animated content
stiffnessnumber120Spring stiffness
dampingnumber12Spring damping

Usage

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

<ScalePop stiffness={140}>
  <Badge />
</ScalePop>
```

Source code

Loading...