The latest articles on DEV Community by Swapnil Tiwari (@swapnil1104). https://dev.to/swapnil1104 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F513632%2F4d322f85-d904-4848-9a81-3d63283f2958.png https://dev.to/swapnil1104 en Swapnil Tiwari Wed, 25 Aug 2021 15:16:10 +0000 https://dev.to/swapnil1104/animation-wrapper-view-declarative-animations-with-imperative-controls-533k https://dev.to/swapnil1104/animation-wrapper-view-declarative-animations-with-imperative-controls-533k <p>animation-wrapper-view is a collection of a well-defined set of component-level animations, that a developer can utilize just by providing some configurations. AnimationWrapperView will add plug and play type support to the already robust Animated API and will take care of all the intricate details of each animation type.</p> <h3> Features </h3> <ul> <li>Power animation payload from anywhere (backend ? 😉)</li> <li>Extremely light-weight (4KB gzipped + minified).</li> <li>Out-of-box support for iOS, Android and RNW.</li> <li>Great selection of well defined animations. </li> <li>Declarative transformation animations with JSON.</li> <li>Imperative controls to the animation state. (start/pause/reset)</li> </ul> <p>Check out this snack, play around with the library.<br> Snack Link: <a href="https://snack.expo.dev/@swapnil1104/animationwrapperview-playground">https://snack.expo.dev/@swapnil1104/animationwrapperview-playground</a><br> Library Link: <a href="https://github.com/flipkart-incubator/animation-wrapper-view">https://github.com/flipkart-incubator/animation-wrapper-view</a></p> <p>People looking for solving complex animation use-cases with JSON-based payload, potentially server-driven, can definitely have a look! Looking forward to any feedback/feature requests!</p> <p>Cheers.</p> reactnative react opensource