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

ClassSupport
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)

On this page