animsition - A simple and easy jQuery plugin for CSS animated page transitions.

  •        36

A simple and easy jQuery plugin for CSS animated page transitions.To contribute to animsition, clone this repo locally and commit your code. Please check that everything works before opening a pull-request.

http://blivesta.github.io/animsition
https://github.com/blivesta/animsition

Tags
Implementation
License
Platform

   




Related Projects

MTransition - Android:自定义页面切换动画,Custom page Transition

  •    Java

MTransition is a page switching animation library on Android,it can make some complex, custom page switching animations easier to implement, and reduce development time. As a developer,you only need to complete UI development of two activities.The intermediate transition animation is handed over to MTransiton, and MTransiton can perfectly implement the various page switching animations you need.

compass-ceaser-easing - Penner equations for css3 transitions

  •    CSS

A compass extension based on ceasar css easing animation tool by @matthewlein This extension provides transitions based on the classic Penner equations from Flash and jQuery. The ceaser easing extension provides a sass function called ceaser. You use the function as a value for a transition or animation timing-function property. You pass what type of easing you would like to the function and it will apply the correct cubic-bezier transition timing function for you.

XBPageCurl - A decent page curl transition for iOS.

  •    Objective-C

XBPageCurl is a free and open-source implementation of a page curl animation/transition for views in iOS that intends to mimic the behavior of the pages in apps like iBooks and GoogleMaps for iOS. It uses OpenGL ES 2.0 to draw a deformed mesh of triangles. Conceptually, it projects the vertices of the mesh on a virtual cylinder that rolls on the view. You can move, rotate and change the radius of the cylinder, with or without animation. The mesh follows the cylinder as it moves. The mesh deformation is performed in a crazy vertex shader which makes it really fast.

Transition - Easy interactive interruptible custom ViewController transitions

  •    Swift

Transition is a library that helps you build iOS view controller transitions. Implementing a nice interactive custom view controller transition involves quite a number of components. You have to implement the correct delegates, handle the switching between passive animation and active interaction phases, ensure the timing is right, think of interruption and cancellation, keep responsibilities separated... It quickly gets messy! This is where Transition helps you out: you just define the animation and the interaction, Transition ties it all together. To run an example project, clone the repo, navigate to one of these example directories, and run pod install from that directory first.

jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery

  •    Javascript

jQuery Transit is a plugin for to help you do CSS transformations and transitions in jQuery.Refer to the jQuery Transit website for examples.


yubaba - is an element to element animation orchestrator for React.js ✨

  •    TypeScript

Complex page transitions are becoming more common on the web but we're still at a point where we need to write a lot of boilerplate to make it happen, worse yet disjointed parts of our apps needing to know about each other to make it all work. Yubaba tries to solve this by allowing disjointed parts of your app define what animations they want to happen when a matching partner is found, without explicit knowledge of each other.

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.

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.

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.

move.js - CSS3 backed JavaScript animation framework

  •    Javascript

CSS3 JavaScript animation framework.Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant. Be sure to view the ./examples, and view the documentation.

gganimate - A Grammar of Animated Graphics

  •    R

gganimate extends the grammar of graphics as implemented by ggplot2 to include the description of animation. It does this by providing a range of new grammar classes that can be added to the plot object in order to customise how it should change with time. In this example we see the use of transition_time() which can be used with continuous variables such as year. With this transition it is not necessary to provide transition and state length as the "transition variable" provides this directly (e.g. it should take twice as long to transition between 1980 and 1990 compared to 2000 to 2005). We also see the use of string literal interpolation in titles. gganimate lets you specify variables to evaluate inside titles and different transitions provide different type of information to use.

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.

Scene.js - JavaScript & CSS timeline-based animation library

  •    Typescript

Scene.js is a JavaScript & CSS timeline-based animation library. It supports two plays Javascript and CSS animation. It provides effect presets that can give animation effects or make animation easier.

TKSubmitTransition - Animated UIButton of Loading Animation and Transition Animation

  •    Swift

I created Animated UIButton of Loading Animation and Transition Animation. As you can see in the GIF Animation Demo below, you can find the “Sign in” button rolling and after that, next UIViewController will fade-in.

micron - a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

  •    CSS

Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript. Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods.

swup - CSS transitions between website pages.

  •    Javascript

Animated page transitions with css. Note: In case you like to do your animations in JavaScript, you may also check out swupjs.

DisplaySwitcher - Custom transition between two collection view layouts

  •    Swift

This component implements custom transition between two collection view layouts with custom animation duration. Check this project on dribbble.

RMPZoomTransitionAnimator - A custom zooming transition animation for UIViewController

  •    Objective-C

RMPZoomTransitionAnimator provide a custom transition zooming animation. Not only UICollectionView, this is possible to use any other UIViewController transition.

cta.js - Animate your 'action-to-effect' paths

  •    Javascript

cta.js or "Call to Animation" is a light-weight performant library to animate any element ("action") onto any other element ("effect") on the page. cta.js is just 1.2KB minified & gzipped.