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-animationLottie 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-transitionsThis 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-animationsYou 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 yalantisDesign 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-orientedBeautiful, 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 transitionsPopping 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-animationHero 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-animationProject that demonstrates the entire animation stack present in the Uber app (android)
android googlemaps ui uber animation ux transition-animation transitionsExtremely 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 browserTo 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 carthageElegant photo browser in Swift. 图片浏览器,类似微信
photo-browser transition-animation gestureThis 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 directiveSCSuspendedView provide a suspended view with transition animation.
alertview transition-animationThis project is available under the MIT License. See the LICENSE file for more info.
ios navigation transition-animationImageTransition is a library for smooth animation of images during transitions. You can customize the configuration of animation.
carthage xcode10 imagetransition swift4-2 transition-animation cocoapodsLiquidTransition provide new API for transition creation. Then run pod install.
transition-animation animation ios ios-transition custom-transitionsMoving 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
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.