Last updated on June 17, 2025

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