react-native-fast-animate

🚀 High-performance, lightweight, and extremely comprehensive animation library for React Native. Support for 300+ animations on the UI thread using Native Driver.

✨ Features

• 🏎️ Native Performance: Animations run on the native thread (60/120 FPS).
• 📦 Multi-Component Support: Specialized components for View, Text, and Image.
• 🌈 300+ Animations: From basic fades to complex 3D-like physics-based movements.
• ⚡ Lightweight: Zero dependencies other than React Native.
• 🔷 TypeScript: Fully typed with autocompletion for all animation types.
• 🔄 Infinite & Looping: Easily create continuous attention-seekers.

📦 Installation

npm install react-native-fast-animate
# or
yarn add react-native-fast-animate

🚀 Usage

Simple View Animation

import FastAnimate from 'react-native-fast-animate';

const MyComponent = () => (
  <FastAnimate type="fadeInUp" duration={1000}>
    <View style={style.box} />
  </FastAnimate>
);

Specialized Components

// Animated Text
<FastAnimate.Text type="tada" infinite style={{fontSize: 20}}>
  Look at me!
</FastAnimate.Text>

// Animated Image
<FastAnimate.Image 
  source={{uri: '...'}} 
  type="bounce" 
  style={{width: 50, height: 50}} 
/>

Advanced Props

| Prop | Type | Default | Description | | --- | --- | --- | --- | | type | AnimationType | 'fadeIn' | One of 300+ animation names | | duration | number | 500 | Animation duration in ms | | delay | number | 0 | Delay before start in ms | | infinite | boolean | false | Loops the animation forever | | autoStart | boolean | true | Starts animation on mount | | damping | number | 10 | Spring friction (for bounce/fling types) | | stiffness | number | 100 | Spring tension (for bounce/fling types) |

🎬 Animation Categories

• Fades: fadeIn, fadeInUp, fadeOutRight, etc.
• Slides: slideInUp, slideOutLeft, slideInTopRight, etc.
• Zooms: zoomIn, zoomOutDown, zoomInRotate, etc.
• Bounces: bounceIn, bounceOutUp, bounceInTopLeft, etc.
• 3D & Perspective: flipInX, doorOpenLeft, perspectiveFlipY, rollIn, etc.
• Attention Seekers: pulse, shake, tada, jello, heartBeat, rubberBand, etc.
• Specials: jackInTheBox, hinge, newspaper, spiralIn, ufo, ghost, etc.
• Continuous: float, sway, vibrate, beat, shimmer, etc.

🛠 Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

📄 License

MIT

Made with ❤️ by Argedan