Back to docs
Animation

Flip

3D horizontal or vertical flip transition.

Install

npx shadcn@latest add @native-bits/flip

Dependencies

react-native-reanimated
Try in Sandbox
animationtransitionmobile

Props

PropTypeDefaultDescription
childrenReactNode-Animated content
direction'horizontal' | 'vertical''horizontal'Flip axis
durationnumber800Duration in ms

Usage

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

<Flip direction="horizontal">
  <DealCard />
</Flip>
```

Source code

Loading...