Animation

Usage

Please refer to the

documentation on the Tailwind CSS website

caution

Animation support is experimental! We are waiting for your feedback to improve implementation.

Compatibility

Class	Support
animate-none	🧪 Experimental Support
animate-spin	🧪 Experimental Support
animate-ping	🧪 Experimental Support
animate-bounce	🧪 Experimental Support
animate-[n]	🧪 Experimental Support

Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

🌐 Web only

Contributors

NativeWind's animation is still experimental and very basic. We are looking for contributors to help with

• Animated all mapped props (currently only works with style)
• Improve performance
• Update code to support new Reanimated v3 features (currently written in v2 style)