Skip to main content
Version: v4

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)