Hero - Elegant transition library for iOS & tvOS

•    Swift

---

Hero is a library for building iOS view controller transitions. It provides a declarative layer on top of the UIKit's cumbersome transition APIs—making custom transitions an easy task for developers.Hero is similar to Keynote's Magic Move. It checks the heroID property on all source and destination views. Every matched view pair is then automatically transitioned from its old state to its new state.

animation custom-transitions ios ios-animation ios-transition material-design transition-animation

lottie-ios - An iOS library to natively render After Effects vector animations

•    Objective-C

---

Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with bodymovin and renders the vector animations natively on mobile and through React Native!

animation bodymovin ios-animation ios transition-animation keyframes ios-transition custom-transitions

react-flip-move - Effortless animation between DOM changes (eg

•    Javascript

---

This module was built to tackle the common but arduous problem of animating a list of items when the list's order changes. CSS transitions only work for CSS properties. If your list is shuffled, the items have rearranged themselves, but without the use of CSS. The DOM nodes don't know that their on-screen location has changed; from their perspective, they've been removed and inserted elsewhere in the document.

reactjs react-flip-move animation react hardware-acceleration flip transition-animation react-dom magic-move component react-component web-animations

GuillotineMenu - Our Guillotine Menu Transitioning Animation implemented in Swift reminds a bit of a notorious killing machine

•    Swift

---

You are welcome to see the sample of the project for fully operating sample in the Example folder. Of course, you can assign different "supportView" or "presentButton" for menu, but we think that's the best case would be behaviour like in Example project.

ios animation protocol cocoapods guillotinemenu transition-animation yalantis

StarWars

•    Swift

---

This component implements transition animation to crumble view-controller into tiny pieces. Check this project on dribbble.

ios star-wars animation transition-animation snapshots opengl uidynamics uikit research yalantis

IBAnimatable - Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable

•    Swift

---

Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable. Here is the full design in a Storyboard in Interface Builder.

interface-builder animation transition-animation ui-components uikit ios prototyping protocol-oriented

react-move - React Move 🌀 Beautiful, data-driven animations for React

•    Javascript

---

Beautiful, data-driven animations for React. React-move allows you to define your animations using durations, delays and ease functions. In react-motion you use spring configurations to define your animations.

react animation motion movement move easing interpolation animate transition-animation react-move resonance d3 svg charts graphs transitions

popping - A collection of animation examples for iOS apps.

•    Objective-C

---

Popping is a collection of animation examples for iOS apps. Almost all of them were created using the Facebook pop animation engine. It should inspire you to create some great looking UIs to delight people who use your app. Watch this video to see all animations in action. In addition, here is the video of the folding animation that was added later.

animation pop transition-animation

Hero - Elegant transition library for iOS & tvOS

•    Swift

---

Hero is a library for building iOS view controller transitions. It provides a declarative layer on top of the UIKit's cumbersome transition APIs—making custom transitions an easy task for developers. Hero is similar to Keynote's Magic Move. It checks the heroID property on all source and destination views. Every matched view pair is then automatically transitioned from its old state to its new state.

animation custom-transitions ios ios-animation ios-transition material-design transition-animation

react-simple-animate - 🎯 React UI animation made easy

•    TypeScript

---

🎯 React UI animation made easy

react animation animate transition-animation animate-css animation-controller animation-sequence keyframes-animation

UberUX - Project that demonstrates the entire animation stack present in the Uber app (android)

•    Java

---

Project that demonstrates the entire animation stack present in the Uber app (android)

android googlemaps ui uber animation ux transition-animation transitions

simple-slider - :carousel_horse: The 1kb JavaScript Carousel

•    Javascript

---

Extremely lightweight carousel micro library. simple-slider is a carousel micro library based on the requestAnimationFrame API. It makes for a highly testable implementation and less css-dependent.

js carousel slider html transition-animation micro-library slide-transitions slide javascript-carousel simple gallery slideshow lightweight minimalistic micro slick lory siema swipe swiper flickity islider owlcarousel unslider glide glidejs dom browser

TransitionButton - UIButton sublass for loading and transition animation.

•    Swift

---

To run the example project, clone the repo, then open the workspace TransitionButton.xcworkspace run using iOS Example scheme. Carthage is a decentralized dependency manager that builds your dependencies and provides you with binary frameworks.

button transition loading animation ios cocoapods login expand shake uibutton-subclass transition-animation uibutton carthage

PhotoBrowser - Elegant photo browser in Swift. 图片浏览器，类似微信

•    Swift

---

Elegant photo browser in Swift. 图片浏览器，类似微信

photo-browser transition-animation gesture

angular-simple-slider - An AngularJS directive providing a simple slider functionality

•    Javascript

---

This AngularJS directive aims to provide a simple slider element for your application. To use the directive, simply import one of the dist/ files into your html and initiate the angularSimpleSlider module.

js angularjs carousel slider html transition-animation directive

SCSuspendedView - SCSuspendedView provide a suspended view with transition animation.

•    Objective-C

---

SCSuspendedView provide a suspended view with transition animation.

alertview transition-animation

NeteaseTransitionDemo - 仿 网易云音乐的开屏转场动画

•    Objective-C

---

This project is available under the MIT License. See the LICENSE file for more info.

ios navigation transition-animation

ImageTransition - Library for smooth animation of images during transitions.

•    Swift

---

ImageTransition is a library for smooth animation of images during transitions. You can customize the configuration of animation.

carthage xcode10 imagetransition swift4-2 transition-animation cocoapods

LiquidTransition - New way to perform animated transitions

•    Swift

---

LiquidTransition provide new API for transition creation. Then run pod install.

transition-animation animation ios ios-transition custom-transitions

URMovingTransitionAnimator - Moving view transition with the blurring effect between view controllers for Swift3

•    Swift

---

Moving view transition with the blurring effect between view controllers for Swift3 This code style is the Protocol Oriented Programming. So you don't need to inherit. Just Implement protocols. You can handle some parameter to customize this transition. e.g. scale, duration, etc. Add the following to your Podfile.

transition-animation blurred animator ios