Back to docs
Animation
Parallax Tilt
Interactive tilt effect for cards and media previews.
Install
npx shadcn@latest add @native-bits/parallax-tiltDependencies
react-native-reanimatedreact-native-gesture-handler
animationinteractivemobile
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Animated content |
| intensity | number | 10 | Maximum tilt degrees |
| perspective | number | 650 | 3D perspective value |
Usage
```tsx
import { parallax-tilt } from '@/components/native-bits/parallax-tilt'
<ParallaxTilt intensity={10}>
<MediaCard />
</ParallaxTilt>
```Source code
Loading...